JavaScript静态作用域与动态作用域

概述

在文章最开始,先学习几个概念:

  • 作用域:《你不知道的js》中指出,作用域是一套规则,这套规则用来管理引擎如何在当前作用域以及嵌套的子作用域中根据标识符名称进行变量查找。简单来说,作用域规定了如何查找变量。
  • 静态作用域:又称词法作用域,是指作用域在此法阶段就被确定了,不会改变。
  • 动态作用域:函数的作用域在函数调用时才决定的。

静态作用域与动态作用域

JavaScript采用的是词法作用域,函数定义的位置就决定了函数的作用域。
具体看一个例子:

var val = 1;
function test() {
    console.log(val);
}
function bar() {
    var val = 2;
    test();
}

bar();
// 结果是???

最终的输出结果是1,说明test打印的是全局下的val,这也印证了JavaScript使用了静态作用域。

在学习词法作用域之前,已经学习了作用域链和预编译过程,虽然有几分本末倒置,但是对词法的理解还是有一定帮助。

静态作用域执行过程

当函数执行test函数时,先从内部的AO对象查找是否有val对象,如果没有,沿着作用域链往上查找(由于JavaScript是词法作用域),上层为全局GO,所以结果打印1

动态作用域执行过程

但如果JavaScript采用的动态作用域,执行test函数,从函数内部查询val变量,如果没有,就调用函数的作用域,即bar函数的作用域,成功查询到val=2

思考题

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 scopeJavaScript采用词法作用域,上述两个函数都定义在checkscope中,所以当f()函数执行时,首先查询自身作用域是否有scope变量,如果没有,它们的上级作用域都是checkscope,所以输出local scope

对此《JavaScript权威指南》解释到:JavaScript 函数的执行用到了作用域链,这个作用域链是在函数定义的时候创建的。嵌套的函数 f() 定义在这个作用域链里,其中的变量 scope 一定是局部变量,不管何时何地执行函数 f(),这种绑定在执行 f() 时依然有效。

如果想更深入、更透彻的理解上面的知识,建议深入学习作用域链和预编译的知识。

参考博客:JavaScript深入之词法作用域和动态作用域

  • 4
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 作用域指的是变量、函数和对象可以被访问的范围。在 JavaScript 中,作用域分为全局作用域和局部作用域两种。 全局作用域指的是在函数外定义的变量和函数,它们可以被整个程序访问。在浏览器中,全局作用域指的是 window 对象。 局部作用域指的是在函数内部定义的变量和函数,它们只能在函数内部被访问。在 JavaScript 中,每当一个函数被调用时,都会创建一个新的局部作用域JavaScript 使用词法作用域(也称为静态作用域)规则来决定变量的作用域。这意味着函数的作用域是在函数定义时确定的,而不是在函数调用时确定的。因此,在函数内部定义的变量可以在函数外部访问,但函数外部定义的变量不能在函数内部访问。 例如,下面的代码演示了 JavaScript 中的作用域: ``` var x = 10; // 全局变量 function foo() { var y = 20; // 局部变量 console.log(x); // 可以访问全局变量 x console.log(y); // 可以访问局部变量 y } foo(); console.log(x); // 可以访问全局变量 x console.log(y); // 不能访问局部变量 y ``` 在上面的例子中,变量 x 是在全局作用域中定义的,可以在函数内部和外部访问。变量 y 是在函数内部定义的,只能在函数内部访问。函数 `foo()` 调用后,可以在函数内部访问变量 x 和 y。函数调用结束后,只能在全局作用域中访问变量 x,无法访问变量 y。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值