作用域作用域链详解与常见考题

作用域作用域链

[[scopel]:

每个javascript函数都是一个对象, 对象中有些属性我们可以访问,但有些不可以,这些属性仅供javascript引擎存取,[[scopel]就是其中一 个。
[[scope]]指的就是我们所说的作用域,其中存储了运行期上下文的集合。

作用域链:

[[scope]]中 所存储的执行期上下文对象的集合,这个集合呈链式链接,我们把这种链式链接叫做作用域链。

运行期上下文:AO

当函数执行时,会创建一个称为执行期上下文的内部对象。一个执行期上下文定义了一个函数执行时的环境,函数每次执行时对应的执行上下文都是独一无二的,所以多次调用一个函数会导致创建多个执行上下文,当函数执行完毕,执行上下文被销毁。

查找变量:从作用域链的顶端依次向下查找。

我们来举例讨论一下吧

function a() {
  function b() {
    var b = 234;
  }
  var a = 123;
  b();
}
var glob = 100;
a();

  1. 在a函数定义的时候:
    a 会产生一个作用域 [[scopel],里面存的是a定义的时候的执行期上下文(全局的执行期上下文GO)如图
    a函数被定义时,发生的过程

  2. a执行的时候(执行的前一刻)a产生一个AO,把自己AO放在作用域链的最顶端,形成一个新的作用域链
    a函数被执行的时候发生的过程

  3. a的执行产生了b的定义,b的定义的过程中会有一个 [[scopel],这个 [[scopel],就是a的作用域链
    b被创建的时候

  4. b执行的时候会创建一个自己的执行期上下文,把他放到作用域链的最顶端
    b执行的时候

a作用域链里面的AO跟b作用域链里面的AO是不是一样呢
我们看看这个例子

function a(){
  function b() {
    var bb = 234;
    aa=0;
  }
  var aa = 123;
  b();
  console.log(aa) ;
}
var glob = 100;
a();

这个时候答应的aa等于什么呢,
诺,看看结果吧
答应结果
a作用域链里面的AO跟b作用域链里面的AO就是一样
我们在任何一个函数中找他的作用域链的时候,只需要找他的作用域链

tip:>(免费获取最新完整前端课程关注vx公众号:前端拓路者coder,回复:资料
如果这个文章对你有用的话,欢迎点赞转发关注,让更多的小伙伴看到呀,毕竟分享是一个程序员最基本的美德!!!
如果有不对的请大佬指教)

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章