作用域（scope），程序设计概念，通常来说，一段程序代码中所用到的名字并不总是有效/可用的，而限定这个名字的可用性的代码范围就是这个名字的作用域。
在理解前，先提及几个名词：全局变量，局部变量，变量提升，声明，赋值，树；
为什么？
肯定是因为这几个词对作用域的理解有关啊！
对于作用域概念的理解，废话不多说，直接上题：
题1
1.先对以上代码进行拆分；
a.
2.局部变量：只作用于它所在的作用域内；而下图局部变量 a 存在于 f1 函数内，所以局部变量a 的作用范围仅限于 f1 函数内，局部变量 a 的作用域就是 f1 函数；
b.
3.根据 图a. 图b. 理解，那么 a 是多少？
A. a = 1
B. a = 2
C. undefined
答案：C.undefined
出乎意料吗？竟然是 undefined ，如果对该答案感到疑惑，那肯定是忽略了变量提升，以及JavaScript 程序的执行单位为行（line），也就是一行一行地执行。
由于是在作用域 f1 函数内，那么全局变量 a 可以排除了，所以 A 答案是错的，这个好理解，那 B 答案是错的该如何理解呢？
首先，先理解变量提升；
JavaScript 引擎的工作方式是，先解析代码，获取所有被声明的变量，然后再一行一行地运行。这造成的结果，就是所有的变量的声明语句，都会被提升到代码的头部，这就叫做变量提升（hoisting）。
这也就是为何要先开始第一步：拆分代码；
变量的声明和赋值，是分开的两个步骤，只是声明变量而没有赋值，则该变量的值是undefined。
var a = 2 是在 alert ( a ) 之后，所以 alert ( a ) 此时所求的 a 仅声明未赋值，所以，正确的答案是 undefined 。
那么，如果 f1 函数中没有声明 a 及赋值 a ，那 alert ( a ) 所求的 a 值则取至于全局变量 a ，这里就引申出另一个概念 树 。可以这么理解，当 f1 函数内不存在所需变量时，便会向父级调用变量。
题2.
1.依旧先变量提升；
c.
2.求console.log ( a )，由于 f2 函数内无变量，向父级调用变量，而 f1 函数没包含 f2 函数，所以 f1 函数不是 f2 函数的父级，所以 f2 函数调用的变量为全局变量 a ，也就是 a = 1 ，所以得console.log ( a ) 的值为1。
网友评论