這篇文章帶給大家的內容是關於Javascript閉包的程式碼範例,有一定的參考價值,有需要的朋友可以參考一下,希望對你有幫助。
閉包
當內部函數被儲存到外部時,將會產生閉包。閉包會導致原有作用域鏈不釋放,造成記憶體外洩
//内部的函数被返回到外部,必然形成闭包 function a(){ function b(){ var b = 234; console.log(a); } var a = 123; return b; } var demo = a(); demo(); // -->123
function test1(){ var num = 100; function test2(){ num ++; console.log(num); } return test2; } var demo1 = test1(); demo1(); //101 demo1(); //102
// function test(){ var arr = []; for(var i = 0; i < 10; i++){//当i = 10的时候循环停止 arr[i] = function(){ //arr的每一位都是一个函数 console.log(i);//虽然函数已经定义,但未执行 } } return arr; } var myArr = test(); for(var i = 0; i < myArr.length; i++ ){ myArr[i](); }
最後函數執行的時候會呼叫test的AO中的i
AO{ i = 10; }
解決方案:立即執行函數
function test() { var arr = []; for(var i = 0; i < 10; i++) { (function(j) { arr[j] = function() { console.log(j); } }(i)) } return arr; } var myArr = test(); for(var i = 0; i < myArr.length; i++) { myArr[i](); }
1.實作公有變數
eg:函數累加器
function add(){ var count = 0; function demo(){ count ++ ; console.log(count); } return demo; } var counter = add(); counter();
2.可以做快取
eg:eater
function test2(){ var food = 'apple'; var obj = { eatFood : function(){ if(food != ""){ console.log("I am eatting " + food); food = ''; }else{ console.log("There is nothing! empty!"); } }, pushFood : function(myFood){ food = myFood; } } return obj; } var obj = test2(); obj.eatFood(); obj.eatFood(); obj.pushFood('banana'); obj.eatFood();
3 .可以實現封裝,屬性私有化。
eg: Person();
以上是Javascript閉包的程式碼範例的詳細內容。更多資訊請關注PHP中文網其他相關文章!