【JavaScript】执行上下文和作用域

1、执行上下文的理解:

1、执行期的上下文:

  1. 当函数代码执行的前期,会创建一个执行期上下文的内部对象 AO(函数作用域)
  2. 这个内部的对象是预编译的时候创建出来的,因为当函数被调用的时候,会先进行预编译
  3. 在全局代码执行的前期会创建一个执行期的上下文对象 GO(全局作用域)

2、函数执行上下文预编译流程:

  1. 创建 AO 对象
  2. 找形参和变量声明,将变量和形参名当做AO对象的属性名,值为 undefined
  3. 实参形参相统一
  4. 在函数体里面找函数声明,值赋予函数体

3、全局执行上下文的预编译流程:

  1. 创建 GO 对象
  2. 找变量声明,将变量名作为 GO 对象的属性名,值为 undefined
  3. 找函数声明,值赋予函数体

2、作用域的理解

1、作用域与执行上下文

  1. 区别1:
    全局作用域之外,每个函数都会创建自己的作用域,作用域在函数定义时就已经确定了,而不是在函数调用时
    全局执行上下文在全局作用域确认之后,就马上执行创建
    函数执行上下文在函数调用时,函数体代码执行之前创建
  2. 区别2:
    作用域是静态的,只要函数定义好了就一直存在,且不会改变
    执行上下文是动态的,只有函数调用的时候才会创建,调用结束时就释放了

2、作用域链:

  1. 在嵌套调用函数的时候,如果在当前作用域没有找到属性或者函数,就会逐级往上(从当前作用域往上一层作用域,从内到外)查找,直到找到为止。
  2. 会被保存到一个隐式的属性中去 scope 这个属性是我们用户访问不到的,但是确实是实际存在的,由 js 引擎来访问,里面存储的就是作用域链 AO、GO、AO 和 GO 的集合
posted @   RikkaXl  阅读(105)  评论(0编辑  收藏  举报
编辑推荐:
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· Obsidian + DeepSeek:免费 AI 助力你的知识管理,让你的笔记飞起来!
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
点击右上角即可分享
微信分享提示