Fungsi fungsi dalam JavaScript-tutorial js-php.cn

Fungsi fungsi dalam JavaScript

PHPz

Lepaskan： 2018-09-29 09:49:37

asal

5132 orang telah melayarinya

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(){

Salin selepas log masuk

atau

var func=function(){}

Salin selepas log masuk

2. Gunakan sebagai pembina kelas:

function class(){}
class.prototype={};
var item=new class();

Salin selepas log masuk

3. Gunakan sebagai penutup:

(function(){
//独立作用域
})();

Salin selepas log masuk

4 :

var addEvent=new function(){
   if(!-[1,]) 
      return  function(elem,type,func){
         attachEvent(elem,&#39;on&#39;+type,func);
      };
   else 
      return function(elem,type,func){
          addEventListener(elem,type,func,false);
      }
};//避免了重复判断

Salin selepas log masuk

5. Aplikasi bercampur bagi empat situasi di atas:

var class=new function(){
var privateArg;//静态私有变量
function privateMethod=function(){};//静态私有方法
return function(){/*真正的构造器*

Salin selepas log masuk

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);
}

Salin selepas log masuk

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

Salin selepas log masuk

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(&#39;张三&#39;,&#39;李四&#39;,&#39;王五&#39;);

Salin selepas log masuk

1.4 Nilai julat lalai fungsi

Jika fungsi tidak menyatakan nilai pulangan, nilai pulangan lalai adalah 'tidak ditentukan'

function showMsg() {
}
alert(showMsg());//输出：undefined

Salin selepas log masuk

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

Salin selepas log masuk

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);

Salin selepas log masuk

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();
}

Salin selepas log masuk

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

Salin selepas log masuk

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

Salin selepas log masuk

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!