JavaScript学习笔记——函数 Part2：在函数内创建函数（嵌套函数）、函数的作用域

要点

• 嵌套函数是在其他函数中定义的函数。
• 与局部变量一样，嵌套函数的作用域也是局部的
• 函数作用域告诉我们：在哪些位置能正常调用函数（而不是函数undefined报错）

嵌套函数(nested function)

变量有作用域，分为局部变量和全局变量
同样的，函数也有类似的作用域，在函数作用域外不能调用函数

ps. 将函数视为一个值（即函数引用），对下面的理解有帮助

---

之前考虑的函数，作用域都是全局的：这意味着这两个函数被定义后，在代
码的任何地方都是可见的。

而嵌套函数(即：在其他函数中定义的函数)是局部可见的

函数的作用域

函数的作用域：
①等价于 能够正常使用和调用函数的范围
②等价于 函数已定义的范围（而不是undefined）

在函数作用域内调用函数：函数已定义，相应变量的值为函数引用，浏览器知道如何调用函数
在函数作用域外调用函数：函数是未定义的，相应变量的值为undefined（而非一个函数引用），浏览器找不到函数的定义，将报错

为何要判断作用域

知道了函数作用域，才知道在哪些位置能正常调用函数，而不会由于函数未定义，出现报错

如何判断函数的作用域

先简单回顾函数的工作原理：

先区分函数的创建和定义：

• 创建函数：用代码描述一个函数，有函数声明和函数表达式两种方法
• 定义函数：浏览器发现函数声明和函数表达式后，定义函数，经过定义后，浏览器才知道函数的功能、才知道如何使用函数

浏览器分两遍来处理JavaScript代码：
第一遍，浏览器分析所有的函数声明，并定义由函数声明创建的函数；
第二遍，浏览器按编写的顺序执行代码，并定义由函数表达式创建的函数。

---

因此，函数的作用域（即：能够正常使用和调用函数的范围）：
一方面取决于是否为嵌套的函数（在函数内部创建函数）；
另一方面取决于在什么位置创建了函数；

具体而言：
（1）在函数外代码顶层创建的函数是全局的

• 如果使用函数声明创建了一个全局函数，那么在整个代码的任何地方，都是作用域（函数都是已定义的，即能够正常使用和调用）；
• 如果使用函数表达式创建了一个全局函数，则在整个代码中，仅当函数表达式执行后，才是全局函数的作用域

（2）在函数内创建的函数（嵌套函数）是局部的
在函数内部的嵌套函数作用域判断规则，与在整个代码中的全局函数作用域判断规则相同，也就是说：

• 在函数内部， 如果使用函数声明创建了一个嵌套函数，那么在这个函数的函数体内的任何地方，都是嵌套函数作用域；
• 如果你使用函数表达式创建了一个嵌套函数，则在这个函数的函数体内，仅当函数表达式执行后，才是嵌套函数的作用域

（3）ps. 向函数1传递函数2时，作用域也仅限于函数1的函数体内

原因：传入的实参为函数2的引用，它将被存储在一个新创建的形参变量中，因此，这个形参变量（存储了函数2的函数引用，但形参名称不一定与函数2相同）是一个局部变量

---

例1：下面用///标记了全局函数fly的作用域（quack作用域为任何地方）

var fly = function(num) { 
	...
};
function quack(num) { /
	...
}//
///
...

可见：

• 由于全局函数quack由函数声明创建，作用域为任何地方
• 由于全局函数fly由一个函数表达式创建，其作用域仅为：fly的函数表达式被执行后

例2：下面用///分别标记了两个嵌套函数wingFlapper和quacker的作用域

var fly = function(num) { 
   function wingFlapper() {//由函数声明创建嵌套函数
      console.log("Flying");/
   }/
   for (var i = 0; i < num; i++) {///
      wingFlapper();/
   }/
};
function quack(num) { 
   var quacker = function() {//由函数表达式创建嵌套函数
      console.log("Quack");
   };
   for (var i = 0; i < num; i++) {///
      quacker();/
   }/
}

可见：

• 由于嵌套函数wingFlapper在函数fly内由函数声明创建，wingFlapper作用域在fly函数的整个函数体内
• 由于嵌套函数quacker在函数quack内部由一个函数表达式创建，其作用域仅为：quacker的函数表达式被执行后且在到达函数quack的末尾前