美文网首页
javascript之深入理解词法作用域

javascript之深入理解词法作用域

作者: 阿拉斯加南海岸线 | 来源:发表于2019-01-27 11:01 被阅读44次

作用域

作用域是指程序源代码中定义变量的区域。
作用域规定如何查找变量,也就是确定当前执行代码对变量的访问权限。
JavaScript采用词法作用域,即静态作用域。

静态作用域和动态作用域

静态作用域是指函数作用域在函数定义的时候就决定了;
相比动态作用域是指函数的作用域在函数调用的时候才决定。
如下例子:

var value = 1;

function foo() {
    console.log(value);
}

function bar() {
    var value = 2;
    foo();
}

bar();
// 1

因为js采用词法作用域,函数作用域在声明的时候就决定了。声明foo函数的时候,先从foo函数内部查找是否有局部变量value,如果没有,根据书写的位置,查找上面一层代码,即全局变量,得到value=1,所以结果是打印1。

再来个难点的例子:

var scope = "global scope";
function checkscope(){
    var scope = "local scope";
    function f(){
        return scope;
    }
    return f();
}
checkscope();

var scope = "global scope";
function checkscope(){
    var scope = "local scope";
    function f(){
        return scope;
    }
    return f;
}
checkscope()();

这里两段代码打印的结果都是"local scope",因为js采用的是词法作用域,函数作用域基于函数创建的位置。两段代码的函数定义都是在checkscope内,所以可以找到局部变量scope的值。跟哪里运行的函数是没有关系的。
引用权威指南的解释:JavaScript函数的执行用到了作用域链,这个作用域链是在函数定义的时候创建的。嵌套的函数f()定义在这个作用域链中,其中的变量scope一定是局部变量,不管何时何地执行函数f(),这种绑定在执行f()时依然有效。

相关文章

  • JavaScript深入系列的学习(一)

    JavaScript深入之从原型到原型链JavaScript深入之词法作用域和动态作用域JavaScript深入之...

  • javascript基础知识问答-作用域和闭包

    1.理解词法作用域和动态作用域2.理解JavaScript的作用域和作用域链3.理解JavaScript的执行上下...

  • 词法作用域

    我们知道JavaScript并不具有动态作用域,它只有词法作用域,什么是词法作用域? 一、 词法作用域 词法作用域...

  • 作用域

    静态作用域 (词法作用域) 和 动态作用域 下面的例子可以帮助理解 假设 JavaScript 采用 静态作用域,...

  • JavaScript深入之词法作用域和动态作用域

    转自:JavaScript深入之词法作用域和动态作用域 作用域: 作用域是指程序源代码中定义变量的区域。 作用域规...

  • javascript之深入理解词法作用域

    作用域 作用域是指程序源代码中定义变量的区域。作用域规定如何查找变量,也就是确定当前执行代码对变量的访问权限。Ja...

  • javascript之深入理解词法作用域

    作用域 作用域是指程序源代码中定义变量的区域。作用域规定如何查找变量,也就是确定当前执行代码对变量的访问权限。Ja...

  • 2.词法作用域

    JavaScript的作用域模型采用的是词法作用域 词法阶段 查找 欺骗词法作用域 既然词法作用域完全由编写时来决...

  • JavaScript深入之词法作用域和动态作用域

    JavaScript深入系列的第二篇,JavaScript采用词法作用域,什么语言采用了动态作用域?两者的区别又是...

  • 「JS」变量作用域

    作用域介绍静态作用域动态作用域 JavaScript 变量作用域词法环境组成创建结构关于词法环境的问题with 语...

网友评论

      本文标题:javascript之深入理解词法作用域

      本文链接:https://www.haomeiwen.com/subject/ckegjqtx.html