什么是作用域?
在当前运行环境下,可以访问的变量或函数的范围。
作用域分为词法作用域和动态作用域。
词法作用域是在js代码编译阶段就确定下来的; 对应的,with
和eval
语句会产生动态作用域。
会产生新的作用域的情况:
- 函数
-
{}
(ES6) eval
举个例子说明作用域
var a = 'hello';
function f1(){
var a = 1;
console.log(a);
}
f1(); // 1
console.log(a); // hello
可以看到f1中的变量a只能在f1中有效,f1外部访问不到里面的a;所以在f1中的a,其作用域就只限定在f1中。
再来个新概念:作用域链
var a = 'hello';
function f1(){
console.log(a);// ps: f1中并未声明a
}
f1(); // hello
之所以输出hello, 是因为在f1中并未找到a的定义,此时程序并不会急于抛异常,而是会向调用f1的上一层寻找a的定义。如果没有,会继续再往上一层的上一层寻找,直到最顶层。
这样就形成了一个链式的作用域。
什么是闭包?
通常来讲,函数可以访问函数外面的变量;但是在函数外部,访问不到在函数里面定义的变量。
function f1(){
var a = 1;
}
console.log(a); // Uncaught ReferenceError: a is not defined
那么有没有可能访问到f1中的a呢?当然是有的, 看例子:
function f1(){
var a = 1;
function f2(){
return a;
}
return f2;
}
var getA = f1();
console.log(getA()); // 1
我们在f1中,添加了一个函数f2(实际上f2就可以看做一个闭包)。
一般情况下,当函数执行完毕时,里面的变量会被自动销毁。但是因为我们把f2赋值给了外部的getA,所以f2不会被内存释放,同理f2中使用的a在f2的作用域中,也不会被释放,所以这个时候就可以访问到a。
而getA能够访问到a,这个在js的编译阶段就已经定型了(词法作用域)。
官方”的解释是:闭包是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。
相信很少有人能直接看懂这句话,因为他描述的太学术。其实这句话通俗的来说就是:闭包就是能够读取其他函数内部变量的函数。
闭包的特点
闭包可以在函数外部改变函数中的变量的值,如果你把函数作为对象、闭包作为方法、局部变量作为私有属性使用,则会改变该变量的值;闭包还会把函数中的变量的值存储于内存中,对内存消耗很大,所以滥用闭包的结果就是影响网页性能,IE中则可能导致内存泄露
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。