闭包可以理解为定义在一个函数内部的函数, 函数A内部定义了函数B, 函数B有访问函数A内部变量的权力; 闭包是函数和子函数之间的桥梁; 举个例子:
let func = function() {
let firstName = 'allen'
let innerFunc = function(lastName) {
console.log(`hello ${firstName}-${lastName}`)
}
innerFunc('Liu');
}
func();
输出:hello allen-Liu 如果父函数已经退出(返回),那么闭包效用也还是在的 接着看这个例子:
let func = function() {
let firstName = 'allen'
let innerFunc = function(lastName) {
console.log(`hello ${firstName}-${lastName}`)
}
return innerFunc
}
let innerFunc = func();
innerFunc('Liu');
innerFunc('Zhang');
输出:
hello allen-Liu
hello allen-Zhang
可见,js的执行引擎不但记住了这个内部函数;还记住了这个内部函数所在的环境 就算让这个内部函数引用它的父函数的入参,它也能引用的到! 而且,不但可以引用环境变量,还可以修改环境变量; 再看个例子:
let func = function() {
let name = 'allen'
let setName = function() {
name = 'kivi'
}
let getName = function() {
console.log(name);
}
return { setName, getName }
}
let obj = func();
obj.getName();
obj.setName();
obj.getName();
输出结果为: allen kivi
假设我们知道一个指向某方法的变量, 我们可以调用toString方法看这个方法的代码:
let func = function(x) {console.log(x)};
func.toString();
运行输出:
"function(x) {console.log(x)}"
注意输出的是一个字符串, 这是一个非常强悍的功能,你得到这个字符串之后,可以随时eval它,执行方法的逻辑 遗憾的是,你不能信赖toString方法, 因为有时候你拿不到想要的方法体字符串; 举个例子
let func = (function(x) {console.log(this.x)}).bind({x:123});
func();
输出:123 这是正常的, 因为:bind方法产生了一个新的函数,并且给产生的这个新函数绑定了this,在这里this就是{x:123} 如果调用
func.toString();
输出结果就是:
"function () { [native code] }"
因为ECMAScript对toString方法并没有任何约束,浏览器开发厂商就无所顾忌了 js里的bind方法很有可能是C++实现的,所以你看到了[native code]