闭包特点

1. 读取函数内部的变量
2. 变量的值始终保持在内存中

读取函数内部的变量

xxxxxxxxxx
function getNum(){
    var n = 100;
    function getN(){
        console.log(n);
    }
    return getN;
}
var result = getNum();
result(); // 100

变量的值始终保持在内存中

观察多次调用函数，n的变化

xxxxxxxxxx
function getNum(){
    var n = 100;
    n++;
    console.log(n);
}

getNum(); // 101
getNum(); // 101

将n放入到函数中进行增加，然后观察n的变化

xxxxxxxxxx
function getNum() {
    var n = 100;
    nAdd = function () { 
        n += 1 
    }
    console.log(n);
}

getNum(); // 100
nAdd();
getNum() // 100

增加闭包，在观察n的变化

xxxxxxxxxx
function getNum() {
    var n = 100;
    nAdd = function () { 
        n += 1 
    }
    function getN() {
        console.log(n);
    }
    return getN;

}

var result = getNum();
result(); // 100
nAdd();
result(); // 101

使用闭包的注意点

由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题

实时效果反馈

1. 下列关于闭包，输出结果正确的是：

xxxxxxxxxx
function getNum() {
    var n = 100;
    function getN() {
        n += 1;
        console.log(n);
    }
    return getN;
}

var result = getNum();
result();
result();

A 100 100

B 100 101

C 101 102

D 101 101

答案

1=>C