5.作用域闭包
5.1 启示
- function foo(){
- var a = 2;
- function bar(){
- console.log(a);
- }
- return bar;
- }
- var baz = foo();
- baz(); // 2 闭包的效果
- // 函数bar在定义时的词法作用域外被调用。闭包使得它可以继续访问定义时的词法作用域。
闭包实际上只是一个标准--关于如何在函数作为值按需传递的此法环境中书写代码
当函数可以记住并访问所在的词法作用域,即使函数是在当前词法作用域之外执行,这时就产生了闭包。
5.2 实质问题
无论使用何种方式对函数类型的值进行传递,当函数在别处调用时都可以观察到闭包。
- function foo(){
- var a = 2;
- function baz(){
- console.log(a); //2
- }
- bar(baz);
- }
- function bar(fn){
- fn(); //闭包
- }
间接调用
- var fn;
- function foo(){
- var a = 2;
- function baz(){
- console.log(a);
- }
- fn = baz; //将baz分配给全局变量
- }
- function bar(){
- fn();
- }
- foo();
- bar();//2
5.3 I got it
在定时器、事假监听器、Ajax请求、跨窗口通信、Web Woekers或者任何其他的异步(或同步)任务中,使用了回调函数就是在使用闭包。
IIFE
- var a = 2;
- (function IIFE(){
- console.log(a);
- })();
严格来说,并
不是闭包。IIFE不是在它本身的词法作用域以外执行的。a是通过普通的词法作用域查找而非闭包发现的。
但它的确创建了闭包,并且也是最常用来创建可以封闭起来的闭包的工具。
5.4 循环和闭包
for(var i =1; i<=5; i++){
setTimeout(function timer(){
console.log(i);
},i*1000
);}
输出6. 延迟函数的回调会在循环结束时才执行,即使第二个参数是0,所有的回调函数依然是在循环结束之后才会被执行。
缺陷是:再循环过程中每个迭代都需要一个闭包作用域。
要想得到想要的结果--每个一秒输出一个数字(递增1)--1~5
for(var i =1;i<=5;i++){
(function(){
var j = i;
setTimeout(function timer(){
console.log(j);
- },j*1000);
- })();
}
在迭代内使用IIFE会为每个迭代都生成一个新的作用域,使延迟函数的回调可以将新的作用域封闭在每个迭代内部,每个迭代中都会含有一个具有正确值的变量供我们访问。
块作用域
let:用来劫持块作用域,并且在这个块作用域中声明一个变量。
for(let i = 1; i<=5; i++){
setTimeout(function(){
console.log(i);
},i*1000);
}
!!!可以得到想要的效果 1,2,3,4,5 块作用域和闭包
5.5 模块
模块模式需要具备两个必备条件:
- 必须有外部的封闭函数,该函数必须至少被调用一次(每次调用都会创建一个新的模块实例)。
- 封闭函数必须返回至少一个内部函数,这样内部函数才能在私有作用于中形成闭包,并且可以访问或者修改 私有的状态。
一个从函数调用所返回的,只有数据属性而没有闭包函数的对象并不是真正的模块。
模块有两个主要特征:
- 为创建内部作用域而调用了一个包装函数
- 包装函数的返回值必须至少包括一个对内部函数的引用,这样就会创建涵盖整个包装函数内部作用域的闭包。
5.5.1 现代的模块
大多数模块依赖加载器/管理器本质上都是将这种模块定义封装进一个有好的API里。
5.5.2 未来的模块
import
可以将一个模块中的一个或多个API导入到当前作用域中,并分别绑定在一个变量上。
moddle会将整个模块的API导入并绑定在一个变量上。
export会将当前模块的一个标识符(变量、函数)导出为公共API
模块文件中的内容会被当做好型包含在作用域闭包中一样来处理,和函数闭包模块一样