JavaScript 函数作用域知识点详解：
JavaScript 是一种基于函数作用域的语言。在讨论函数作用域之前，有必要了解什么是作用域。在编程中，作用域是变量和函数的可访问范围。作用域决定了代码块外部能否访问到代码块内部的变量或函数，以及如何访问。
在传统编程语言如 C 语言中，代码块例如花括号内的部分拥有块级作用域。这意味着在代码块内声明的变量仅在该代码块内可见，在代码块外部则无法访问。例如，在一个 if 语句或 for 循环中声明的变量，在块外部是不可见的。
然而，JavaScript 并没有块级作用域。JavaScript 的作用域基于函数，而不是基于代码块，这被称为函数作用域。这意味着在函数内部声明的所有变量在整个函数体内都是可见的，无论它们在函数中何处声明。函数外部声明的变量和函数内部声明的变量都有可能被函数内的代码访问。
举个例子来说明这一点：
```javascript
var global = "global";
function showScope() {
alert(global); // 在这里可以访问全局变量
if (true) {
var blockScoped = "I am block scoped";
}
alert(blockScoped); // 即使在花括号内声明，仍然在函数内可用
}
showScope();
```
上面的代码展示了 JavaScript 函数作用域的一个方面。变量 `blockScoped` 虽然在 if 语句内部声明，但由于 JavaScript 的函数作用域特性，它在整个函数 `showScope` 内部都是可见的。
此外，JavaScript 的函数作用域中存在一个特殊的特性，被称为“变量提升”（hoisting）。变量提升是指在 JavaScript 函数体内，变量的声明（而非赋值）会被提升到函数体的顶部。这意味着即使变量在函数体内较晚的位置声明，它也会被视为在函数的开始处声明。
例如：
```javascript
function example() {
console.log(myVar); // 输出 undefined 而不是报错
var myVar = 3;
}
example();
```
在这个例子中，尽管 `myVar` 是在函数体后部声明的，但它的声明被 JavaScript 引擎提升到了函数的顶部。因此，即使在声明 `myVar` 之前引用它，也不会抛出错误，而是输出 `undefined`。赋值操作仍然在原来的地方执行。
理解变量提升的概念对编写可预测的 JavaScript 代码非常重要。如果变量提升与全局作用域中已存在的同名变量相结合，可能会产生意想不到的结果。例如：
```javascript
var myVar = 'global';
function example() {
console.log(myVar); // 输出 "global" 而不是 undefined 或 "local"
if (false) {
var myVar = 'local';
}
}
example();
```
在上述代码中，尽管在 if 语句内有一个同名的局部变量 `myVar` 被声明，由于变量提升，这个声明被移动到了函数的顶部。但是没有在 if 语句内对 `myVar` 赋值，所以输出的是全局作用域中的 `myVar` 值。
总结来说，JavaScript 的函数作用域具有以下特点：
1. 在函数内声明的变量和函数在整个函数内都是可见的。
2. 函数作用域内声明的变量可以被该函数的任何嵌套函数访问。
3. 变量提升现象表明，函数内的变量声明被提升到函数顶部，但赋值保持不变。
4. 在函数作用域内，变量的声明先于它的使用，变量会被初始化为 `undefined`。
5. 局部变量可以覆盖全局变量，当局部变量和全局变量同名时，函数作用域内部的引用将指向局部变量。
掌握 JavaScript 的函数作用域对于编写高效、可维护的代码至关重要，尤其是在涉及到变量和函数命名时要非常小心，避免命名冲突和不必要的副作用。
