闭包（closure）

最新推荐文章于 2024-09-26 01:42:12 发布

monsa_

最新推荐文章于 2024-09-26 01:42:12 发布

阅读量138

点赞数

文章标签： javascript 函数闭包

本文链接：https://blog.csdn.net/monsa_/article/details/66970896

版权

以下整理的大部分内容都是摘录于阮一峰的网络日志学习Javascript闭包（Closure）
为了之后学习思路更加清晰，所以便根据老师的内容自己整理了一份，以便之后的学习查阅，谢谢～

What

能读取其他函数内部变量的函数；
有权访问另一个函数作用域中的变量的函数；
在js中,可简单理解为定义在一个函数内部的函数；
本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁；
闭包是个函数，而它「记住了周围发生了什么」，表现为由「一个函数」体中定义了「另个函数」。

Why

变量作用域

全局变量
局部变量

特点：

在函数内可以直接读取全局变量
在函数外不能读取函数内的局部变量

var n1 = 999;   // 全局变量
function f1() {
    console.log(n1);
}
f1();   // 999

function f2() {
    var n2 = 999;    // 局部变量
}
f2();
console.log(n2);    // error, n2 is not defined

function f3() {
    n3 = 999;    // 在函数内没有使用var声明变量，因此是全局变量
}
f3();
console.log(n3);    // 999

How

使用闭包，即在函数内再定义一个函数

function f2() {
    var n2 = 999;
    function f22() {
        console.log(n2);
    }
    return f22();
}
f2();   // 999

Purpose

读取函数内部变量
使函数内部变量的值始终保存在内存中

function f1() {
    var n = 999;
    Addn = function() {    // 全局函数
        n += 1;
    };
    function f2() {
        console.log(n);
    }
    return f2;
}
var result = f1();
result();   // 999
Addn();     
result();   // 1000

Attention

由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。
闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（Public Method），把内部变量当作它的私有属性（private value），这时一定要小心，不要随便改变父函数内部变量的值

Example

for (var i = 0; i < 5; i++) {
    setTimeout(function(){
        console.log(new Date(), i);
    }, 1000)
}
console.log(new Date(), i);
//Mon Mar 27 2017 15:34:30 GMT+0800 (CST) 5
//Mon Mar 27 2017 15:34:31 GMT+0800 (CST) 5
//Mon Mar 27 2017 15:34:31 GMT+0800 (CST) 5
//Mon Mar 27 2017 15:34:31 GMT+0800 (CST) 5
//Mon Mar 27 2017 15:34:31 GMT+0800 (CST) 5
//Mon Mar 27 2017 15:34:31 GMT+0800 (CST) 5