闭包
和对其周围状态(lexical environment,词法环境)的引用捆绑在一起构成闭包(closure)。也就是说,闭包可以让你从内部访问外部作用域。在 JavaScript 中,每当被创建,就会在时闭包。
由于闭包的概念比较抽象,所以本篇幅会有较多的主观理解。
在作用域相关的中可以知道,全局下的作用域想访问内部的作用域是办不到的,但是 闭包
的特性可以突破这一限制。
每个都会形成闭包。
闭包可以理解成,保留了作用域链的环境。
var fn = function() {
var number = ;
};
fn();
console.log(number);
这个例子是访问不到 number
的,想访问到就可以借助闭包的特性。
var fn = function() {
var number = ;
return function() {
number++;
console.log(number);
};
};
var increment = fn();
increment();
increment();
increment();
这里的 fn
返回了,个返回的所形成的闭包环境就拥有访问上一层作用域的能力,所以每次在 fn
返回的时,就可以累加 number
。
借助形成的闭包环境作为跳板,来访问另的作用域,就是闭包最常见的使用场景。
网络上有许多文献把闭包称为能访问其他内部变量的
,这样理解可能更容易一些。
用到了上层作用域的变量,所以这些变量会在内存中被保留,不会被释放,一些旧的浏览器在内存管理上没有现代浏览器完善,大量的闭包可能会导致卡顿,不过通常业务开发,会先考虑,再考虑。
在 JavaScript
中是没有私有特性的,利用闭包来隐藏变量,就可以模拟出私有的。
var counter = (function() {
var count = ;
return {
increment: function() {
count++;
return count;
},
zero: function() {
count = ;
return count;
},
get value() {
return count;
},
};
})();
counter.increment();
console.log(counter.value); // :1
counter.increment();
console.log(counter.value); // :2
console.log(counter.count); // :undefined
这里的自执行匿名返回对象,对象中的就具有访问上层中的变量的能力,所以他们都能访问 count。
因为 count 不会被释放,所以可以当作来使用。
回调通常会用到上层作用域的变量,然后在某一情况下进行。
var fn = function(cb) {
console.log('异步操作开始');
setTimeout(function() {
console.log('异步操作结束');
cb();
}, );
};
var obj = {
flag: false,
};
fn(function() {
obj.flag = true;
console.log(obj);
});
很明显,这里的回调就是用到了闭包的特性。
所以闭包其实很常用,结合日常的这些场景能更好的理解闭包。
每个都有闭包,闭包可以访问到这个所在的上层作用域,利用这一特性,就能访问到作用域下的变量。
大量的闭包可能会造成问题,不过现在的计算机处理器、内存已经让开发者不太需要关注这方面的问题,但在设计会被大量应用的库和框架时,应当做这方面的考虑,因为的环境千变万化。