脚本宝典收集整理的这篇文章主要介绍了

Javascript中的作用域与闭包

脚本宝典小编觉得挺不错的,现在分享给大家,也给大家做个参考,希望能帮助你少写一行代码,多一份安全和惬意。

什么是作用域?
在当前运行环境下,可以访问的变量或函数的范围。
作用域分为词法作用域动态作用域
词法作用域是在js代码编译阶段就确定下来的; 对应的,witheval语句会产生动态作用域。

会产生新的作用域的情况:

  • 函数
  • {}(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中则可能导致内存泄露

总结

以上是脚本宝典为你收集整理的

Javascript中的作用域与闭包

全部内容,希望文章能够帮你解决

Javascript中的作用域与闭包

所遇到的程序开发问题,欢迎加入QQ群277859234一起讨论学习。如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典网站推荐给程序员好友。 本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。

80%的人都看过