閉包知識總匯

learning 發(fā)布于2019-08-21 15:26 / 2668人閱讀

摘要：什么是閉包有權(quán)限訪問，另一個函數(shù)中的變量，的函數(shù)。創(chuàng)建方法在一函數(shù)內(nèi)部創(chuàng)建另外一個函數(shù)。鏈?zhǔn)阶饔糜蚪Y(jié)構(gòu)，子對象會一級一級地向上尋找所有父對象的變量。注意因?yàn)殚]包會攜帶，包含，它的，函數(shù)的作用域。相比其他函數(shù)會更占用內(nèi)存。

什么是閉包？
1、有權(quán)限訪問，另一個函數(shù)中的變量，的函數(shù)。
2、創(chuàng)建方法：在一函數(shù)內(nèi)部創(chuàng)建另外一個函數(shù)。
3、鏈?zhǔn)阶饔糜?結(jié)構(gòu)（chain scope），子對象會一級一級地向上尋找所有父對象的變量。所以，父對象的所有變量，對子對象都是可見的，反之則不成立。
4、作用：讀取函數(shù)內(nèi)部的變量；讓這些內(nèi)部變量的值始終保存在內(nèi)存中。
5、注意：因?yàn)殚]包會攜帶，包含，它的，函數(shù)的作用域。相比其他函數(shù)會更占用內(nèi)存。

具體方式：

一、

             var lis=document.getElementsByTagName("li");
             for (var i = 0; i <=lis.length; i++) {
                lis[i].onclick = function(){
                     alert(i);
                }
             };

二、

            var lis=document.getElementsByTagName("li");
            for (var i = 0; i <=lis.length; i++) {
               (function(i){
                   lis[i].onclick=function(){
                       alert(i)
                   }
               })(i)
            };

三、

            var lis=document.getElementsByTagName("li");
            for (var i = 0; i <=lis.length; i++) {
                lis[i].onclick=function(n){
                    return function(){
                        alert(n)
                    }
                }(i)
            };

四、

            $("ul li").click(function(){
                var index=$(this).index();
                alert($(this).html());
            })

深入理解：

            var name = "The Window";
            
            　　var object = {
            　　　　name : "My Object",
            
            　　　　getNameFunc : function(){
            　　　　　　return function(){
            　　　　　　　　return this.name;
            　　　　　　};
            
            　　　　}
            
            　　};
            
            　　alert(object.getNameFunc()());
            
            
            　　var name = "The Window";
            
            　　var object = {
            　　　　name : "My Object",
            
            　　　　getNameFunc : function(){
            　　　　　　var that = this;
            　　　　　　return function(){
            　　　　　　　　return that.name;
            　　　　　　};
            
            　　　　}
            
            　　};
            
            　　alert(object.getNameFunc()());