Fungsi ialah blok kod yang boleh diguna semula yang dipacu oleh peristiwa atau dilaksanakan. Seterusnya, ikuti editor untuk mempelajari fungsi fungsi dalam JavaScript, mari sertai kami belajar
Pertama sekali, saya akan memperkenalkan anda kepada beberapa cara untuk mentakrifkan fungsi dalam JavaScript:
1. Yang paling asas Digunakan sebagai pengisytiharan fungsi yang berasingan.
Kodnya adalah seperti berikut:
function func(){
atau
var func=function(){}
2. Gunakan sebagai pembina kelas:
function class(){} class.prototype={}; var item=new class();
3. Gunakan sebagai penutup:
(function(){ //独立作用域 })();
4 :
var addEvent=new function(){ if(!-[1,]) return function(elem,type,func){ attachEvent(elem,'on'+type,func); }; else return function(elem,type,func){ addEventListener(elem,type,func,false); } };//避免了重复判断
5. Aplikasi bercampur bagi empat situasi di atas:
var class=new function(){ var privateArg;//静态私有变量 function privateMethod=function(){};//静态私有方法 return function(){/*真正的构造器*
Jenis fungsi fungsi JavaScript: Terutamanya memperkenalkan fungsi biasa, fungsi tanpa nama dan fungsi penutupan
1 Pengenalan kepada fungsi biasa
1.1 Contoh
function ShowName(name) { alert(name); }
1.2 Liputan fungsi dengan nama yang sama dalam Js
Dalam Js, fungsi tidak dibebankan terlebih dahulu dengan nama fungsi yang sama dan berbeza tandatangan parameter, dan fungsi berikut Akan menimpa fungsi sebelumnya. Apabila dipanggil, hanya fungsi berikut akan dipanggil.
var n1 = 1; function add(value1) { return n1 + 1; } alert(add(n1));//调用的是下面的函数,输出:3 function add(value1, value2) { return value1 + 2; } alert(add(n1));//输出:3
1.3 objek argumen
argumen adalah serupa dengan param C#, parameter pembolehubah operasi: bilangan parameter yang dihantar ke dalam fungsi lebih besar daripada parameter apabila ia ditakrifkan kuantiti.
function showNames(name) { alert(name);//张三 for (var i = 0; i < arguments.length; i++) { alert(arguments[i]);//张三、李四、王五 } } showNames('张三','李四','王五');
1.4 Nilai julat lalai fungsi
Jika fungsi tidak menyatakan nilai pulangan, nilai pulangan lalai adalah 'tidak ditentukan'
function showMsg() { } alert(showMsg());//输出:undefined
2. Fungsi tanpa nama
2.1 Fungsi tanpa nama boleh ubah
2.1.1 Penerangan
boleh Fungsi diberikan kepada pembolehubah dan peristiwa.
2.1.2 Contoh
//变量匿名函数,左侧可以为变量、事件等 var anonymousNormal = function (p1, p2) { alert(p1+p2); } anonymousNormal(3,6);//输出9
2.1.3 Senario yang berkenaan
①Elakkan pencemaran nama fungsi. Jika anda mula-mula mengisytiharkan fungsi dengan nama dan kemudian menetapkannya kepada pembolehubah atau acara, anda akan menyalahgunakan nama fungsi tersebut.
2.2 Fungsi tanpa nama tanpa nama
2.2.1 Penerangan
ialah apabila fungsi diisytiharkan, diikuti dengan parameter. Apabila sintaks JS menghuraikan fungsi ini, kod di dalamnya dilaksanakan serta-merta.
2.2.2 Contoh
(function (p1) { alert(p1); })(1);
2.2.3 Senario Berkenaan
①Ia hanya perlu dilaksanakan sekali sahaja. Jika pelayar dimuatkan, fungsi itu hanya perlu dilaksanakan sekali dan tidak akan dilaksanakan kemudian.
3. Fungsi penutupan
3.1 Penerangan
Andaikan fungsi A mengisytiharkan fungsi B di dalam, dan fungsi B merujuk di luar fungsi B. pembolehubah, dan nilai pulangan fungsi A adalah rujukan kepada fungsi B. Kemudian fungsi B ialah fungsi penutupan.
3.2 Contoh
3.2.1 Contoh 1: Rujukan global dan rujukan tempatan
function funA() { var i = 0; function funB() { //闭包函数funB i++; alert(i) } return funB; } var allShowA = funA(); //全局变量引用:累加输出1,2,3,4等 function partShowA() { var showa = funA();//局部变量引用:只输出1 showa(); }
allShowA ialah pembolehubah global dan merujuk kepada fungsi funA . Menjalankan allShowA() berulang kali akan mengeluarkan nilai terkumpul 1, 2, 3, 4, dsb.
Laksanakan fungsi partShowA(), kerana hanya pembolehubah tempatan showa diisytiharkan secara dalaman kepada funA rujukan Selepas pelaksanaan, sumber yang diduduki oleh showa dikeluarkan disebabkan skop.
Kunci penutupan ialah skop: sumber yang diduduki oleh pembolehubah global hanya akan dikeluarkan apabila halaman berubah atau penyemak imbas ditutup. Apabila var allShowA = funA(), ia bersamaan dengan allShowA merujuk funB(), supaya sumber dalam funB() tidak akan dikitar semula oleh GC, jadi sumber dalam funA() juga tidak akan dikitar semula.
3.2.2 Contoh 2: Fungsi penutupan parametrik
function funA(arg1,arg2) { var i = 0; function funB(step) { i = i + step; alert(i) } return funB; } var allShowA = funA(2, 3); //调用的是funA arg1=2,arg2=3 allShowA(1);//调用的是funB step=1,输出 1 allShowA(3);//调用的是funB setp=3,输出 4
3.2.3 Contoh 3: Perkongsian pembolehubah dalam fungsi induk funA
function funA() { var i = 0; function funB() { i++; alert(i) } allShowC = function () {// allShowC引用匿名函数,与funB共享变量i i++; alert(i) } return funB; } var allShowA = funA(); var allShowB = funA();//allShowB引用了funA,allShowC在内部重新进行了绑定,与allShowB共享变量i
3.3 Senario Berkenaan
Pastikan keselamatan pembolehubah di dalam fungsi funA, kerana pembolehubah funA tidak boleh diakses terus dari luar.
Kandungan di atas adalah pengenalan artikel ini kepada fungsi fungsi dalam js. Saya harap anda menyukainya untuk lebih banyak tutorial berkaitan, sila lawati Tutorial Video JavaScript!