闭包是什么
1.闭包是一个无处不在的,需要你去识别他。基于作用域书写代码时产生的自然结果,我们不需要为了利用他而去刻意的去创建一个闭包
2.闭包是一种方式,他是一个能够引用其内部作用域变量的表达式。
以下这个案例就是一个闭包
以下这个案例就是一个闭包,因为匿名函数(say)是在另外一个函数中声明的,在js中如果另一个函数使用了funtion关键字,则创建闭包
function sayHello(name){
var text = name;//局部变量text
var say = function () {
console.log(text)
};
}
var say2 = sayHello("lily")
say2();
接下来是一些闭包的案例
function say667() {
// 局部变量num最后会保存在闭包中
var num = 42;
var say = function () {
console.log(num);
};
num++;
return say;
}
var sayNumber = say667();
sayNumber();//输出 43
//为什么会是输出 43
//解踢第一个函数say667在var sayNumber被调用,然后把返回值给了sayNumber,
//第二个函数被定义但并未调用,而num进入num++变成43这后43进入第二个函数
var a, b, c;
function fn1() {
// 局部变量num最后会保存在闭包中
var num = 42;
// 将一些对于函数的引用存储为全局变量
a = function () {
console.log(num);
};
b = function () {
num++;
};
c = function (x) {
num = x;
};
}
fn1();
b();
a(); // 43
c(5);
a(); // 5
var oldLog = a;
//在上边的案例中,当我们再次调用fn1时候,一个新的闭包就被创建了,旧闭包的变量 a b c被新闭包的函数覆盖
// 每次调用fn1 都会创建一个新的闭包
fn1();
a(); // 42
oldLog(); // 5
function buildList(list) {
var result = [];
for (var i = 0; i < list.length; i++) {
var item = "item" + i;
result.push(function () {
console.log(item + " " + list[i]);
});
}
return result;
}
function testList() {
var fnlist = buildList([1, 2, 3]);
for (var j = 0; j < fnlist.length; j++) {
fnlist[j](); //打印3次 ‘item2 undefined’
}
}
testList();