闭包

一、变量作用域

变量根据作用域的不同分为两种：全局变量和局部变量。

函数内部可以使用全局变量。
函数外部不可以使用局部变量。
当函数执行完毕，本作用域内的局部变量会销毁。

二、闭包的概念

**闭包函数：**声明一个在函数中的函数，有权访问另一个函数作用域中变量，叫做闭包函数。（函数嵌套函数）
**闭包：**内部函数总是可以访问其所在的外部函数中声明的参数和变量，即使在其外部函数被返回（寿命终结）了之后。
**闭包的主要作用：**延伸了变量的作用范围。

演示：

从外部访问函数内部的变量

三、闭包的特点

让外部访问函数内部变量成为可能；
局部变量会常驻在内存中，不会被垃圾回收机制回收；
可以避免使用全局变量，防止全局变量污染；
会造成内存泄漏（有一块内存空间被长期占用，而不被释放）

四、闭包的应用场景

结论：闭包找到的是同一地址中父级函数中对应变量最终的值

例子1：

function funA(){var a = 10;  // funA的活动对象之中;return function(){   //匿名函数的活动对象;alert(a);}
}
var b = funA();
b();  //10

例子2：

function outerFn(){var i = 0; function innerFn(){ //闭包函数i++;console.log(i);}return innerFn;
}
var inner = outerFn();  //每次外部函数执行的时候,都会开辟一块内存空间,外部函数的地址不同，都会重新创建一个新的地址
inner(); //1
inner(); //2
inner(); //3
var inner2 = outerFn();	//闭包函数的外部函数有初值i=0，两个函数使用各自的变量
inner2(); //1
inner2(); //2
inner2(); //3

例子3：

//情况1
//闭包函数的外部函数没有初值
var i = 0;  //全局变量function outerFn(){function innnerFn(){i++;console.log(i);}return innnerFn;
}var inner1 = outerFn(); //闭包函数的外部函数也没有初值，用的全局变量
var inner2 = outerFn(); 
//两个函数共用同一个全局变量
inner1();	//1
inner2();	//2
inner1();	//3
inner2();	//4//情况2
//闭包函数的外部函数有初值
function outerFn(){
var i = 0;function innnerFn(){i++;console.log(i);}return innnerFn;
}
var inner1 = outerFn();
var inner2 = outerFn();
inner1();	//1
inner2();	//1
inner1();	//2
inner2();	//2

场景例子4：打车价格计算

起步价 13（3公里内），之后每多一公里增加 5 块钱，用户输入公里数就可以计算打车价格。
如果拥堵，多收十元.

用 ES6 的语法在对象中定义函数的时候，可以删除 function 关键词和冒号。

五、闭包总结

闭包是什么：闭包是一个函数（一个作用域可以访问另外一个函数的局部变量）。
闭包的作用是什么：延伸变量的作用范围。

没有产生闭包，因为并没有局部变量，所以访问到的是全局变量 The Window

let name = 'The Window'
let object = {name: 'My Object',getNameFunc(){return function(){return this.name}}
}
let f = object.getNameFunc()
console.log(f()) //The Window

产生了闭包：因为 this 在函数内部被赋值给了 that，指向的是 object 这个对象。

let name = 'The Window'
let object = {name: 'My Object',getNameFunc(){let that = thisreturn function(){return that.name}}
}
let f = object.getNameFunc()
console.log(f()) //My Object