美文网首页
Javascript中的作用域链

Javascript中的作用域链

作者: 饥人谷_peanut | 来源:发表于2017-12-11 20:43 被阅读0次
当代码在一个环境中执行时,会创建变量对象的一个作用域链(scope chain)。作用域链的用途用来查询变量。作用域链的前端始终是当前执行的代码所在环境的变量对象。如果这个环境是函数,则将其活动对象作为变量对象。作用域链中的下一个变量对象来自外部环境,而再下一个变量对象来自下一个外部环境。这样,一直延续到全局执行环境;全局执行环境的变量对象始终都是作用域链中的最后一个对象。
标识符解析是沿着作用域链一级一级第搜索标识符的过程。搜索过程始终从作用域链的前端开始,然后逐级地向后回溯,直到找到标识符为止。
让我们分析一段代码:
var a = 1
function fn1(){
  function fn2(){
    console.log(a)
  }
  function fn3(){
    var a = 4
    fn2()
  }
  var a = 2
  return fn3
}
var fn = fn1()
fn() //2

函数的执行顺序是fn->fn1->fn3->fn2 fn2中的a并没有在在当前作用域内声明,所以会沿着作用域链去它的上级作用域fn3去寻找a的声明。

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

函数的执行顺序是fn->fn1->fn3->fn2 fn2中的a并没有在在当前作用域内声明,而此时它的上一级作用域是全局作用域,所以最终输出1

相关文章

  • 2018-04-11

    JavaScript作用域链浅析 1、作用域 作用域指的是变量存在的范围。在ES5规范中,JavaScript只有...

  • JavaScript作用域学习笔记

    作用域链 作用域的原理: ”JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里.”...

  • 作用域和闭包

    一、理解 JavaScript 的作用域、作用域链和内部原理 作用域 javascript 拥有一套设计良好的规则...

  • javascript基础知识问答-作用域和闭包

    1.理解词法作用域和动态作用域2.理解JavaScript的作用域和作用域链3.理解JavaScript的执行上下...

  • 套公式让你不再害怕JavaScript中的原型链

    前言 通过上一篇套公式让你不再害怕JavaScript中的作用域基本熟悉了JavaScript中的作用域链,然而J...

  • JS_0: 执行环境和作用域链

    JavaScript,目前对于执行环境和作用域链的理解 什么是作用域链? 要讲作用域链就得先讲执行环境。 每个函数...

  • JavaScript深入系列的学习(一)

    JavaScript深入之从原型到原型链JavaScript深入之词法作用域和动态作用域JavaScript深入之...

  • 闭包的实现原理

    作用域和作用域链 在 JavaScript 中, 作用域为可访问变量,对象,函数的集合。 全局变量 变量在函数外定...

  • 关于作用域

    一、作用域链的定义 作用域(scope)指的是变量存在的范围,在ES5的规范中,Javascript只有两种作用域...

  • 浅谈js作用域链(scope chain)

    作用域链: JS权威指南指出”JavaScript中的函数运行在它们被定义的作用域里,而不是它们被执行的作用域里....

网友评论

      本文标题:Javascript中的作用域链

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