码迷,mamicode.com
首页 > Web开发 > 详细

你不知道的JS系列 ( 5 ) - 词法作用域

时间:2020-02-15 09:23:53      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:它的   直接   词法   全局   div   作用域   标识符   位置   执行   

作用域分为两种,一种是词法作用域,一种是动态作用域,我们先看第一种,词法作用域

 

词法作用域就是定义在词法阶段的作用域(编译器的第一个工作阶段叫做词法化,词法化的过程会对源代码中的字符进行检查)。换句话说,词法作用域是由你在写代码时将变量和块作用域写在哪里来决定的。因此词法分析器处理代码时会保持作用域不变

 

function foo(a) {
  var b = a * 2;
  function bar(c){
    console.log( a, b, c );
  }
  bar( b * 3 );
}
foo( 2 ); // 2, 4, 12

 

1、包含着整个全局作用域,其中只有一个标识符:foo
2、包含着 foo 所创建的作用域,其中有三个标识符:a、bar 和 b
3、包含着 bar 所创建的作用域,其中只有一个标识符:c

 

作用域气泡由其对应的作用域块代码写在哪里决定,它们是逐级包含的。每一个函数都会创建一个新的作用域气泡

 

在上一段代码中,引擎执行 console.log(a,b,c) 时,首先从最内部的作用域,也就是 bar 开始查找,引擎无法在这里找到 a,因此去上一级到嵌套的 foo 继续查找,在这里找到了。b 同理。 而对 c 来说,引擎在 bar 中就找到了。

 

如果 a 存在于 bar 中,console.log 就可以直接是用 bar 中的变量,而无需到 foo 中查找。

 

作用域查找会在找到到第一个匹配到标识符停止

 

无论函数在哪里被调用,也无论它如何被调用,它的词法作用域都只由函数被声明时所处到位置决定。

 

词法作用域查找都只会查找一级标识符

你不知道的JS系列 ( 5 ) - 词法作用域

标签:它的   直接   词法   全局   div   作用域   标识符   位置   执行   

原文地址:https://www.cnblogs.com/wzndkj/p/12310597.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!