js闭包

闭包是JavaScript中的一个难点,比较难理解。在讨论闭包之前先明确几个概念:
1、作用域:顾名思义,函数(对象)的可访问范围
2、执行环境:函数被调用时创建,并被推入环境栈中;函数执行完成,弹出该执行环境,把控制权返回给上一层执行环境。全局执行环境是window
3、变量对象:与执行环境一一对应,执行环境中的变量和函数保存在变量对象中,函数的变量对象叫活动对象
4、作用域链:各执行环境的变量对象组成的有序链表,且每个函数都有自己的作用域链,彼此互不影响。当前执行环境在链表的最前端,全局执行环境在链表的最末端,且只能从链表的最前端向最末端遍历。全局执行环境对用的作用域链只有一个对象,即window
函数可以访问其作用域链中的任何属性和方法,例如函数可以访问全局变量。

那么,闭包又是什么呢?
a、闭包是一个函数内部的函数;
b、闭包是一种特殊的匿名函数;
c、闭包能访问另一个函数作用域中的变量(包含闭包函数的外层函数)

function bibao(param){
    return function(){
        alert(param);
    };
}

函数bibao内部的匿名函数就是一个闭包,可以访问bibao中的变量param。

闭包访问其他作用域中变量的原理:在执行闭包函数的时候,闭包函数的执行环境被推进执行栈,作用域链被初始化为包含外层函数的活动对象和全局变量对象,闭包函数可以沿着作用域链访问作用域链上任何一个作用域中的变量,作用域链上活动对象都存在内存中,不会被销毁,直至闭包函数被销毁之后才会被清除回收内存。
这也是使用闭包需要注意的地方,闭包函数会比其他函数占用跟多的内存,且要注意内存回收!!!

闭包中的this变量:this是一个指向当前执行环境的指针,每个函数在被调用时都会自动获取this和arguments,闭包函数在搜索这两个变量时,都只会搜索到其活动对象为止,不会沿着作用域链往上搜索。

var name = "this is window";
var object = {
    name: "this is object",
    getNameFunc: function(){
        return this.name;
    }
}
alert(object.getNameFunc());//"this is window"
//因为getNameFunc函数的执行环境是this==window
//如果想要返回预期值,需要在闭包函数内对this变量作一下保存,例:

var name = "this is window";
var object = {
    name: "this is object",
    getNameFunc: function(){
        var that = this;
        return that.name;
    }
}
alert(object.getNameFunc());//"this is object"

最后说一下闭包最常用的场景:模仿块级作用域
与面向对象编程语言不同,JavaScript中没有块级作用域的概念

(function(){
    //这里是块级作用域,外部无法访问,且执行完后会销毁
})();
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章