匿名函數與閉包


1.匿名函數:

普通函數   function box(){return "lee";}   //函數名是box

匿名函數   function(){return "lee";}   //匿名函數,會報錯

通過表達式自我執行    (function box(){alert("lee");})();  //封裝成表達式

把匿名函數賦值給變量   var box=function(){return 'lee';};

函數里的匿名函數    function box(){return function(){return 'lee';}}   alert(box()());

 

2.閉包

   閉包是指有權訪問另一個函數作用域中的變量的函數,創建閉包的常見方式,就是在一個函數內部創建另一個函數,通過另一個函數來訪問這個函數的局部變量。

 //通過閉包可以返回局部變量

function box(){

    var user='lee';

   return function(){return user;};

}

alert(box()());

var b=box();

alert(b());  

//通過局部變量無法實現累加

function box(){var age=100;age++;return age;}

alert(box());  //101

alert(box());  //101,無法實現累加,因為又被初始化了

//通過閉包可以實現局部變量的累加

function box(){

var age=100;

return function(){age++;return age;}

}

var b=box();    //獲得函數

alert(b());       //調用匿名函數

alert(b());        //第二次調用匿名函數,實現累加

     作用域鏈的機制導致一個問題,在循環中里的匿名函數取得的任何變量都是最后一個值。

   function box(){

  var arr=[];

  for(var i=0;i<5;i++){

   arr[i]=function(){

   return i};

}

return arr;

}

var b=box();

alert(b.length);

for(var i=0;i<5;i++){alert(b[i]());}  //輸出每個函數的值,都是最后一個值。

上面的例子輸出的結果都是5,也就是循環后得到的最大的i值。因為b[i]調用的是匿名函數,匿名函數並沒有自我執行,等到調用的時候,box()已執行完畢,i的值變為5.所以結果為5個5.

                                                                                                                    function box(){
var arr=[];
for(var i=0;i<5;i++){
arr[i]=(function(num){       //自我執行  i傳給num
return num;
})(i);                              //並且傳參
}
return arr;
}
varb=box();
for(var i=0;i<b.length;i++){
alert(b[i]);                       //這里返回的是數組,直接打印即可
                                                                                                                        //循環里包含匿名函數,匿名函數下再做個匿名函數
function box(){
var arr=[];
for(var i=0;i<5;i++){arr[i]=(
function(num){
return function(){     //直接返回值,改 2 變成返回函數
      return num;         //原理和改 1 一樣
}
})(i);
}
return arr;
}
varb=box();
for(var i=0;i<b.length;i++){
alert(b[i]()); //這里通過 b[i]()函數調用即可
}

      我們通過匿名函數自我執行,立即把結果賦值給 a[i]。每一個 i,是調
用方法通過按值傳遞的,所以最終返回的都是指定的遞增的 i。而不是 box()函數里的 i
                                                                                                                       

1) 關於 this 對象
      在閉包中使用 this 對象也可能會導致一些問題, this 對象是在運行時基於函數的執行環
境綁定的,如果 this 在全局范圍就是 window,如果在對象內部就指向這個對象。而閉包卻
在運行時指向 window 的,因為閉包並不屬於這個對象的屬性或方法。
var user='The Window';
var obj={
user:'TheObject',
getUserFunction:function(){
return function(){                 //閉包不屬於 obj,里面的 this 指向 window
       return this.user;
};
}
};
alert(obj.getUserFunction()()); //The window
//可以強制指向某個對象
alert(obj.getUserFunction().call(obj)); //The ObjectDL 20151226
  //也可以從上一個作用域中得到對象
getUserFunction:function(){
var that=this;                //從對象的方法里得對象
return function(){
return that.user;
};
}

2) 模仿塊級作用域
JavaScript 沒有塊級作用域的概念。
function box(count){
for(var i=0;i<count;i++){}
alert(i);         //i 不會因為離開了 for 塊就失效
}
box(2);
function box(count){
for(var i=0;i<count;i++){}
var i;            //就算重新聲明,也不會改變前面的值
alert(i);
}
box(2);
      以上兩個例子,說明 JavaScript 沒有塊級語句的作用域, if(){}for(){}等沒有作用域,
如果有,出了這個范圍 i 就應該被銷毀了。就算重新聲明同一個變量也不會改變它的值。
JavaScript 不會提醒你是否多次聲明了同一個變量;遇到這種情況,它只會對后續的聲
明視而不見(如果初始化了,當然還會執行的)。使用模仿塊級作用域可避免這個問題。
   //模仿塊級作用域(私有作用域)
   (function(){
//這里是塊級作用域DL 20151226
})();
//使用塊級作用域(私有作用域)改寫
function box(count){
(function(){
for(var i=0;i<count;i++){}
})();
alert(i); //報錯,無法訪問
}
box(2);
     使用了塊級作用域(私有作用域)后,匿名函數中定義的任何變量,都會在執行結束時被銷毀。
這種技術經常在全局作用域中被用在函數外部,從而限制向全局作用域中添加過多的變量和函數。
一般來說,我們都應該盡可能少向全局作用域中添加變量和函數。在大型項目中,多人開發的
時候,過多的全局變量和函數很容易導致命名沖突,引起災難性的后果。如果采用塊級作用
域(私有作用域),每個開發者既可以使用自己的變量,又不必擔心搞亂全局作用域。
  (function(){
var box=[1,2,3,4];
alert(box); //box 出來就不認識了
})();
      在全局作用域中使用塊級作用域可以減少閉包占用的內存問題,因為沒有指向匿名函數
的引用。只要函數執行完畢,就可以立即銷毀其作用域鏈了。
4) 私有變量
JavaScript 沒有私有屬性的概念;所有的對象屬性都是公有的。不過,卻有一個私有變
量的概念。任何在函數中定義的變量,都可以認為是私有變量,因為不能在函數的外部訪問這些
變量。
function box(){
var age=100; //私有變量,外部無法訪問
}
      而通過函數內部創建一個閉包,那么閉包通過自己的作用域鏈也可以訪問這些變量。而
利用這一點,可以創建用於訪問私有變量的公有方法。
function box(){
var age=100; //私有變量
function run(){ //私有函數
return '運行中...';
}
this.get=function(){ //對外公共的特權方法
return age+run();
};
}
var box=new Box();
alert(box.get());
    可以通過構造方法傳參來訪問私有變量。
function Person(value){
var user=value;             //這句其實可以省略
this.getUser=function(){
return user;
};
this.setUser=function(value){us
er=value;
};DL 20151226
}
      但是對象的方法,在多次調用的時候,會多次創建。可以使用靜態私有變量來避免這個問題。
靜態私有變量通過塊級作用域(私有作用域)中定義私有變量或函數,同樣可以創建對外公
共的特權方
法。
(function(){
var age=100;
function run(){
return '運行中...';
}
Box=function(){}; //構造方法
Box.prototype.go=function(){ //原型方法
return age+run();
};
})();
var box=new Box();
alert(box.go());
       上面的對象聲明,采用的是 Box=function(){}而不是 function box(){}因為如果用后面這
種,就變成私有函數了,無法在全局訪問到了,所以使用了前面這種。
(function(){
var user='';
Person=function(value){
user=value;
};
Person.prototype.getUser=function(){
return user;
};
Person.prototype.setUser=function(value){
user=value;
}
})();
       使用了 prototype 導致方法共享了,而 user 也就變成靜態屬性了。 (所謂靜態屬性,即
共享於不同對象中的屬性)。
模塊模式
     之前采用的都是構造函數的方式來創建私有變量和特權方法。那么對象字面量方式就采
用模塊模式來創建。
var box={ //字面量對象,也是單例對象
age:100, //這是公有屬性,將要改成私有
run:function(){ //這時公有函數,將要改成私有
return '運行中...';
};
};
私有化變量和函數:
var box=function(){
var age=100;
function run(){
return '運行中...';DL 20151226
}
return { //直接返回對象
go:function(){
return age+run();
}
};
}();
上面的直接返回對象的例子,也可以這么寫:
var box=function(){
var age=100;
function run(){
return '運行中...';
}
var obj= { //創建字面量對象
go:function(){return
age+run();
}
};
return obj; //返回這個對象
}();
字面量的對象聲明,其實在設計模式中可以看作是一種單例模式,所謂單例模式,就是永遠
保持對象的一個實例。
增強的模塊模式,這種模式適合返回自定義對象,也就是構造函數。
function Desk(){};
var box=function(){
var age=100;
function run(){
return '運行中...';
}
var desk=new Desk();      //可以實例化特定的對象
desk.go=function(){
return age+run();
}();
};
return desk;
alert(box.go());

                                                                                                                                                                                                                                                                                                                                                                                                                    

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM