js之执行上下文

1.全局执行上下文

  1)再执行全局代码前将window确定为全局执行上下文

  2)将全局数据进行预处理:

    var定义的全局变量===》undefined,添加为window的属性

    function声明的全局函数===》赋值(fun),添加为window的方法

    this===》赋值为window

  3)开始执行全局代码

2.函数(局部)执行上下文

  1)在调用函数,准备执行函数体之前,创建对应的函数执行上下文对象(该对象不是真实存在,只是在内存中开辟的一块内存)

  2)将局部数据进行预处理:

    形参变量===》赋值(实参;添加为执行上下文对的属性

    arguments===》赋值(实参列表);添加为执行上下文的属性

    var定义的局部变量===》undefined;添加为执行上下文的属性

    function声明的局部函数===》f赋值(func),添加为执行上下文的方法

    this===》赋值(调用函数的对象)

  3)开始执行局部代码

3.执行上下文的预处理导致了变量提升的现象

4.执行上下文产生是函数调用的时候(默认的一个是window)

5.执行上下文栈:

  在全局代码执行前,JS引擎就会创建一个栈来存储管理所有的执行上下文对象

  在全局执行上下文(window)确定后,将其添加到栈中(压栈)

  在函数执行上下文创建后,将其添加到栈中(压栈)

  在当前的函数执行完成后,将栈顶的对象移除(出栈)  

  当所有的代码执行完成后,栈中只剩下window

6.代码执行顺序:

 

 结果:

 

posted on 2020-08-31 15:35  家有糖果  阅读(172)  评论(0)    收藏  举报

导航