美文网首页
js的作用域以及作用域链

js的作用域以及作用域链

作者: innerwang | 来源:发表于2018-12-10 18:14 被阅读0次

1. JavaScript作用域

1.1 全局作用域

在代码中任何地方都能访问到的对象拥有全局作用域,一般来说以下几种情形拥有全局作用域:
a) 最外层函数和在最外层函数外面定义的变量拥有全局作用域
b) 所有未定义直接赋值的变量自动声明为拥有全局作用域,如:

function test(){
  a = 3;  // a 具有全局作用域
  var b = 4;
}
test(); 
console.log(a);  //3
console.log(b);  //Uncaught ReferenceError: b is not defined

c) 所有window对象的属性拥有全局作用域

1.2 局部作用域

局部作用域一般只在固定的代码片段内可访问到,最常见的如函数内部。

2. JavaScript作用域链

    每个函数都有自己的执行环境(execution context),当执行流进入一个环境时,函数的环境就会被推入一个环境栈中,在函数执行之后,栈将其环境弹出,把控制权返回给之前的执行环境。
    当代码在一个环境中执行时,会创建变量对象的一个作用域链(scope chain)。作用域链的用途,是保证对执行环境有权访问的所有变量和函数的有序访问。作用域链的前端,始终都是当前执行的代码所在环境的变量对象。如果这个环境是函数,则将其活动对象(activation object)作为变量对象。活动对象在最开始时只包含一个变量,即 arguments 对象(这个对象在全局环境中是不存在的)。作用域链中的下一个变量对象来自包含(外部)环境,而再下一个变量对象则来自下一个包含环境。这样,一直延续到全局执行环境;全局执行环境的变量对象始终都是作用域链中的最后一个对象。
    标识符解析是沿着作用域链一级一级地搜索标识符的过程。搜索过程始终从作用域链的前端开始,然后逐级地向后回溯,直至找到标识符为止(如果找不到标识符,通常会导致错误发生)。
示例:

var a = 1
function fn1(){
  function fn3(){
    function fn2(){
      console.log(a)
    }
    fn2()
    var a = 4
  }
  var a = 2
  return fn3
}
var fn = fn1()
fn()

上述代码中,最终执行的是fn2,但是fn2中并没有定义变量a,则从其上层作用域也就是fn3去寻找变量a的声明,由于变量的声明前置,但是赋值不会前置,可以在fn3中找到其局部变量a的声明,但是未被赋值所以值为undefined,所以在执行fn2时会输出结果undefined。

相关文章

  • 干货!月薪80k前端大佬面试笔记:JS闭包解析!

    三点注意事项 JS没有块级作用域,只有全局作用域和局部作用域(函数作用域)。 JS中的作用域链,内部的作用域可以访...

  • 2018-12-18

    JS高级 作用域&作用域链 作用域: 1.作用域的个数:n(函数声明的个数)+1(全局作用域)2.作用域不会存储变...

  • 作用域和作用链

    关键词:作用域作用链 作用域 js中没有块级作用域 全局作用域,函数作用域太简单,就不演示(≧▽≦)/啦啦啦 作用...

  • web性能实践

    一. 作用域 前面我们了解作用域概念的以及作用域链是如何运作的。 随着作用域链中的作用域数量的增加,访问当前作用域...

  • 变量作用域

    变量作用域:静态作用域、动态作用域JS变量作用域:JS使用静态作用域JS没有块级作用域(全局作用域、函数作用域等)...

  • JS 作用域链、导入导出

    1. JS 的作用域链 作用域在 JS 中表示变量的可访问性和可见性。JS 作用域有 3 种:1. 全局作用域;2...

  • 浅谈JS作用域链

    浅谈JS作用域链 作用域 作用域(scope)就是变量访问规则的有效范围。作用域外,无法引用作用域内的变量;离开作...

  • js的作用域以及作用域链

    1. JavaScript作用域 1.1 全局作用域 在代码中任何地方都能访问到的对象拥有全局作用域,一般来说以下...

  • js 作用域链 和 原型链

    作用域链 js拥有全局作用域(window)、函数作用域、块级作用域(es6)。块级作用域是es6开始才拥有的,因...

  • 作用域和闭包

    作用域链 (据我所知)所有的编程语言都存在作用域链。整个代码存在全局作用域、函数作用以及块级作用域。 上述代码将会...

网友评论

      本文标题:js的作用域以及作用域链

      本文链接:https://www.haomeiwen.com/subject/ujldhqtx.html