闭包(closure)
闭包的概念
官方对闭包的解释是:一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
闭包是指有权访问另一个函数作用域中的变量(参数)的函数
闭包就是能够读取其他函数内部变量(参数)的函数
闭包可以理解成定义在一个函数内部的函数
函数就是闭包
当一个函数能够记住并访问到其所在的词法作用域及作用域链,特别强调是在其定义的作用域外进行的访问,此时该函数和其上层执行上下文共同构成闭包。
需要明确的几点:
- 闭包一定是与函数相关
- 闭包和词法作用域、作用域链、垃圾回收机制等息息相关
- 函数内保持对上层作用域的引用 *
- 当函数在其定义的作用域外保持引用并进行访问时,才产生闭包 *
- 闭包是由该函数和其上层执行上下文共同构成 *
变量及作用域:
变量无非就是两种:全局变量和局部变量。
Javascript语言中,函数内部可以直接读取全局变量,在函数外部无法直接读取函数内的局部变量。
程序设计中作用域的概念:
通常来说,一段程序代码中所用到的名字并不总是有效/可用的,而限定这个名字的可用性的代码范围就是这个名字的作用域。
词法作用域:
词法作用域,也叫静态作用域,它的作用域是指在词法分析阶段就确定了,不会改变。
动态作用域,是在运行时根据程序的流程信息来动态确定的,而不是在写代码时进行静态确定的。
主要区别:词法作用域是在写代码或者定义时确定的,而动态作用域是在运行时确定的。
词法作用域关注函数在何处声明,而动态作用域关注函数从何处调用。
javascript 使用的是词法作用域
// 词法作用域
var abc = 1;
function f1() {
console.log(abc);
}
function f2() {
var abc = 2;
f1();
}
f2();
// 类似动态作用域
function show() {
console.log(this);
}
show();
document.querySeletor(".btn").onclick = function () {
console.log(this);
show();
}
document.querySelector(".btn").onclick = show;
var timer=setTimeout(show,1000);
作用域链
作用域链:本质上是一个指向变量对象的指针列表,它只引用但不实际包含变量对象。
每个执行环境都有一个与之关联的变量对象,执行环境中定义的所有变量和函数都保存在这个变量对象中。
全局执行环境是最外围的一个执行环境,在Web浏览器中,全局执行环境的变量对象是window对象。
当JavaScript解释器初始化执行代码时,首先默认进入全局执行环境。
局部执行环境的变量对象,则只在函数执行的过程中存在。
当函数被调用的时候,会创建一个特殊的对象–活动对象。
活动对象之后会作为局部执行环境的变量对象来使用。
EC (Execution Context) 执行环境(执行上下文)
VO (Variable Object) 变量对象
AO (Activation Object) 活动对象
scope chain 作用域链
function compare(value1,value2){
if(value1 < value2){
return -1;
} else if( value1 > value2 ) {
return 1;
} else {
return 0;
}
}
var result = compare(5, 10);
垃圾回收机制
各大浏览器通常采用的垃圾回收机制有两种:标记清除、引用计数
标记清除
当变量进入执行环境时,将这个变量标记为“进入环境”。当变量离开执行环境时,则将其标记为“离开环境”,就销毁回收内存。
引用计数
跟踪记录每个值被引用的次数,当引用次数变成0时,就销毁回收内存
function fn1(){
var n = 5;
n++;
return n;
}
console.log( fn1() );
console.log( fn1() );
闭包的应用
在函数外读取函数内部的变量;
让局部变量的值能够被保存下来;
将模块的公有属性和方法暴露出来。
function fn1(){
var n = 5;
return function fn2() {
n++;
return n;
}
}
var fn = fn1();
console.log( fn() );
console.log( fn() );
console.log( fn() );
注意:
闭包会使得函数中的变量被保存在内存中,增加内存消耗,不能滥用闭包,否则会造成网页的性能问题,在低版本IE中还可能导致内存泄露。
Q.E.D.