Apakah fungsi tersuai javascript?-Soal Jawab bahagian hadapan-php.cn

Apakah fungsi tersuai javascript?

青灯夜游

Lepaskan： 2022-03-28 20:07:03

asal

2398 orang telah melayarinya

Fungsi tersuai termasuk: 1. Fungsi bernama, sintaks "nama fungsi fungsi(){}" 2. Fungsi tanpa nama, sintaks "var variable name=function(){};" 3. Fungsi objek , sintaksnya ialah "var variable name=Function();"; 4. Fungsi penalaan sendiri, yang melaksanakan definisi dan panggilan fungsi bersama-sama.

Apakah fungsi tersuai javascript?

Persekitaran pengendalian tutorial ini: sistem Windows 7, versi JavaScript 1.8.5, komputer Dell G3.

Fungsi ialah satu set tindakan tertunda yang boleh dicetuskan oleh peristiwa atau dipanggil dalam skrip lain.

Dua jenis fungsi dalam JavaScript: fungsi pratakrif dan fungsi tersuai

Fungsi pratakrif
- [parseInt / parseFloat】rentetan to int/float
- 【isNaN / isFinite】Kesan sama ada parameter ialah nilai bukan angka/nombor tak terhingga
- 【escape / unescape 】Enkod/nyahkod rentetan
- 【eval】Laksanakan skrip JavaScript
- 【makluman / sahkan / gesaan】Tiga jenis kotak amaran
Fungsi tersuai
- [Fungsi dinamakan]function funcName(){}
- [Tanpa Nama fungsi]var x=function(){};
- [Fungsi objek]var x=Function();
- [Fungsi penalaan kendiri](function(){}());

Fungsi tersuai

Selain fungsi yang dipratentukan, anda juga boleh menggunakan fungsi tersuai dalam fungsi JavaScript.

Apabila menyesuaikan fungsi, tidak perlu mengisytiharkan jenis parameter atau jenis pengembalian fungsi.

JavaScript pada masa ini menyokong kaedah penyesuaian berikut:

Fungsi bernama
Fungsi tanpa nama
Fungsi objek
Fungsi penalaan kendiri

1 Fungsi bernama ditakrifkan menggunakan kata kunci fungsi, diikuti dengan nama fungsi dan kurungan ().

Dalam teg yang sama, panggilan fungsi boleh dilakukan sebelum atau selepas definisi fungsi.
Dalam teg <script></script> yang berbeza, takrifan fungsi mesti mendahului panggilan fungsi, jika tidak, panggilan akan menjadi tidak sah.
Formatnya adalah seperti berikut:

2. Fungsi tanpa nama

function funcName([parameters]){
  statements;
  [return 表达式;]
}

Salin selepas log masuk

Format takrifan fungsi tanpa nama ialah. pada asasnya sama seperti fungsi yang dinamakan, cuma jangan berikan nama fungsi itu, dan harus ada koma bertitik di hujungnya; Oleh kerana tiada nama fungsi, anda perlu menggunakan pembolehubah untuk menerima fungsi tanpa nama untuk memudahkan panggilan fungsi berikutnya.

Formatnya adalah seperti berikut:

3. Fungsi Objek

var x=function([parameters]){
  statements;
  [return 表达式;]
};

Salin selepas log masuk

JavaScript menyediakan kelas Fungsi untuk mentakrifkan fungsi. Formatnya adalah seperti berikut:

Fungsi ialah kata kunci yang digunakan untuk mentakrifkan fungsi, dan huruf pertama mesti menggunakan huruf besar.

var func1=new Function([parameters],statements;);

Salin selepas log masuk

penyataan ialah badan pelaksana fungsi. Apabila terdapat berbilang penyataan pelaksanaan, penyataan tersebut dipisahkan oleh koma bertitik;.
4. Fungsi panggilan kendiri

Secara amnya, fungsi itu sendiri tidak akan dilaksanakan secara automatik dan hanya akan dilaksanakan apabila dipanggil. Oleh itu, JavaScript menyediakan fungsi panggilan kendiri yang melaksanakan definisi fungsi dan panggilan bersama. Formatnya adalah seperti berikut:

Anda perlu menggunakan kurungan () untuk mengelilingi fungsi penalaan sendiri dan mengakhirinya dengan koma bertitik;

(function([parameters]){
  statements;
  [return 表达式;]
})([params]);

Salin selepas log masuk

param ialah parameter sebenar dan data dihantar masuk apabila fungsi dipanggil.
Contoh kod:

Demonstrasi kesan:

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>test</title>
</head>
<body>
  <input id="btn1" type="button" onclick="button1Event()" value="button1" />
  <input id="btn2" type="button" onclick="button2Event()" value="button2" /><br />
  <input id="a" type="text"/><input id="b" type="text"/><br />
  <input id="sumBtn" type="button" value="x+y" onclick="sum()"/>
  
  <script type="text/javascript">
    function button1Event(){/* 命名函数 */
        alert("命名函数：按钮1被点击！");
    }
    var x=function(){/* 匿名函数 */
        alert("匿名函数：按钮2被点击！");
    }
    button2Event=x;
    
    var y=new Function("a", "b", "return a+b");/* 对象函数 */
    sum=function(){
        var aValue=parseInt(document.getElementById("a").value,10);
        var bValue=parseInt(document.getElementById("b").value,10);
        alert("对象函数："+y(aValue,bValue));
    }
    
    var tema=2;var temb=2;
    (function(a,b){/* 自调函数 */
        alert("自调函数："+(a+b));
    })(tema,temb);
  </script>
</body>
</html>

Salin selepas log masuk