作用域

时间：2019-08-24 13:23:47 阅读：128 评论：0 收藏：0 [点我收藏+]

javascript中有个作用域的概念。

技术分享图片

作用域取决于函数定义的地方，与函数执行无关。

function F1() {


    var a = 100;
    return function () {
        console.log(a)
    }
}
var f1 = F1();
var a = 200;
f1()

这段代码打印结果: 100; 我们这样来看，

F1定义的时候，作用域已经生成。

技术分享图片

然后，把F1 赋值给 f1, 此时，f1 是一段函数，如下：

function() {
    console.log(a)
}

然后，定义了一个全局变量a，在全局环境去执行f1.

注意: 作用域取决于函数定义的地方，与函数执行无关。

此时f1执行，去找a的变量，F1的局部作用域去找。

他会找到a = 100; 而不是a=200;

作用域是分层的，内层作用域可以访问外层作用域的变量，反之则不可以

作用域与执行上下文的区别：

开发人员很容易混淆作用域和执行上下文的概念，误认为他们是相同的概念，但事实并非如此。

js属于解释型语言，js的执行行为分为：解释和执行两个阶段

解释阶段：

执行阶段：

js解释阶段便会确定作用域的规则，因此作用域在函数定义时就已经确定了，而不是在函数调用时确定，但执行上下文是函数执行之前创建的。执行上下文最明显的就是this指向是执行时确定的。而作用域访问的变量是编写代码的结构确定的。

执行上下文和作用域最大的区别是：执行上下文在运行时确定，随时可能该变；作用域在定义时就确定，并且不会改变。

一个作用域下可能包含若干个上下文环境。有可能从来没有过上下文环境（函数从来就没有被调用过）；有可能有多，现在函数被调用完毕后，上下文环境被销毁了；有可能同时存在一个或者多个闭包。同一个作用域下，不同的调用会产生不同的执行上下文环境，继而产生不同的变量值。

原文：https://www.cnblogs.com/psxiao/p/11403863.html

踩

(0)

评论一句话评论（0）

分享档案

更多>