Javascript 闭包

什么是闭包

《JavaScript高级程序设计》:缓存

闭包是指有权访问另外一个函数做用域中的变量的函数;bash

《JavaScript权威指南》:闭包

从技术的角度讲,全部的JavaScript函数都是闭包:它们都是对象,它们都关联到做用域链。app

《你不知道的JavaScript》:√函数

当函数能够记住并访问所在的词法做用域时,就产生了闭包,即便函数是在当前词法做用域以外执行。ui

我的理解

当内部函数被保存到外部时,将会生成闭包。闭包会致使原有做用域链不释放,形成内存泄露. 闭包的本质就是函数嵌套,内部函数能够引用外部函数的参数和变量,参数和变量不会被回收机制回收。spa

内部的函数被返回到外部,必然造成闭包设计

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中的icode

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();
复制代码
  1. 能够作缓存

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();
复制代码
  1. 能够实现封装,属性私有化

eg: Person();

相关文章
相关标签/搜索