一篇文章弄懂执行上下文

何为执行上下文

执行上下文简单的来说就是代码执行的环境,记录当前代码执行的时候环境信息,包含变量作用域,来让代码可以正常的执行。
对于执行上下文来说,我们首先要明白,js引擎是如何解析js代码。引文js引擎都是单线程而且顺序执行js代码,内部维护了一个执行上下文栈,这个栈记录了当前执行上下文的情况。一开始运行的时候,会生成一个全局的执行上下文,push进栈。
全局上下文
创建全局上下文的一共包含三个部分,

  1. 确定this的值
    全局的执行上下文this是指向windows的
  2. 词法环境
    环境记录 :变量和函数的声明
    外部环境的引用
    在全局上下文就是全局环境
  3. 变量环境
    类似于词法环境,其实区别只是es6中词法环境存储let和const声明的变量,而变量环境存储var声明的变量
GEC={         //全局执行上下文
LE:{          //词法环境
ER:{
tyep:'object',
outer:null
}
}

变量提升
创建阶段,var变量会声明为undifined,而let,const变量未初始化

函数上下文
遇到函数调用的时候,则会创建函数上下文,push进执行上下文栈。
创建函数上下文还是包含三个方面

  1. this的值的确定
    函数的this的值的确定,会根据不同的类型的函数和情况,
    this的绑定规则一共五种:
    1.默认绑定
    2.隐式绑定
    3.显示绑定
    call apply bind
    4.箭头函数
    5.new绑定

  2. 函数上下文,用活动对象来表示变量对象

执行上下文的执行分为两阶段
1.进入执行上下文
对于函数上下文来说,会初始化所有的函数的形参,函数声明和变量声明

function foo(a) {
  var b = 2;
  function c() {}
  var d = function() {};

  b = 3;
}

foo(1);
AO = {
    arguments: {
        0: 1,
        length: 1
    },
    a: 1,
    b: undefined,
    c: reference to function c(){},
    d: undefined
}

2.执行

AO = {
    arguments: {
        0: 1,
        length: 1
    },
    a: 1,
    b: 3,
    c: reference to function c(){},
    d: reference to FunctionExpression "d"
}
已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页