• 同名函数和变量同时出现时为什么先输出的是函数而不是 undefined？
• var 声明的变量为什么会被函数声明“盖掉”？
• 在函数内部 声明同名标识符，会不会影响外部变量？
• let / const 与函数同名时报错，却没有提示具体原因。

主要规则一览

1. 函数提高优先级高于变量提高： 同名时函数声明会覆盖变量声明。怎么说呢，
2. 函数声明整体提高： 包括函数体本身；而 var 只提高声明，不提高赋值。
3. 后定义的同名函数覆盖先定义的： 在提高阶段，后面的函数声明会覆盖前面的。
4. let / const 不允许与同作用域内的函数重复声明，会直接抛出语法错误。

例题一的观点是，函数声明 vs. 变量声明同名

console.log;//，var foo = 123;function foo {}
console.log;//，

输出：

123

分析思路：

1. A. 提高阶段：

   function foo {} // 函数提高
   var foo;// 变量提高，只留下声明。实际已被同名函数占位
   

   此时作用域顶部只有一个标识符 foo ——指向那个被提高的函数。
2. B. 执行阶段：
   • #1 行 alert: 此时仍是提高后的函数。输出.
   • #2 行 alert: 对标识符进行赋值，原来的函数被数字覆盖。
   • #3 行 alert: 已经是普通变量，输出123.

说到例题二。函数声明 vs. 函数表达式同名（a = function{})

var a = 456;不过，function a {
console.log;}
console.log;//，

456

1. A. 提高阶段：

   function a {} // 函数整体提高
   var a;// var 提高，但因已有同名 function。被忽略
   

2. B. 执行阶段：
   • #1 行：a = 456; 把全局标识符改为数字。
   • #2 行：已经在提高阶段处理完毕，不再执行。
   • #3 行：打印当前值 → 数字456.

从例题三来看，多个同名函数声明谁最终生效？

console.log;//，function foo { console.log;}
var foo = 'global';function foo { console.log;
}
console.log;//，

// 第一次打印的是第二个 function
'global' // 第二次打印的是赋值后的字符串

关键点： 在提高阶段所有 function 声明都会依次放上去，后面的会把前面的直接替换**。最终保留的是最终一次出现的 function 定义。

A. 提高结果等价于：

function foo { console.log;} // 最终保留
var foo;// 被忽略，仅保留声明位
// 上面两行在代码最顶部完成 “提起”

B. 执行顺序：

• #1 打印 → 当前已被第二个 function 覆盖。所以显示.
• #2 将全局标识符重新赋值为字符串'global'.
• #5 打印 → 已经是普通字符串.

至于例题四，内部作用域中的同名提高

var b = 'outer';function test {
console.log;//，var b = 'inner';function b {}
console.log;//，}
test;

输出结果：

inner

分析步骤 :

• A . 全局层面 ： var b = 'outer';function test {};

小结 & 常见误区修正

• 误区一认为所有 var 都会在代码顶部变成 undefined。如果存在同名 function它们会抢占位置，使得第一次访问得到的是 function 本身。
• 误区二以为 let / const 能像 var 那样与同名函 数 共存。ES6 块级作用域对重复声明做了严格检查，一旦出现冲突立即抛错。
• 误区三认为“后写的代码一定先执行”。提 升机制代表着即使你把某个 function 放在文件末尾。它也已经在运行前完成绑定，只是实际调用顺序仍然遵循自上而下。
• 实用方法打开浏览器开发者工具。在源码左侧使用 “Scope” 面板查看每一步执行时各层级变量/函 数表，这能直观帮助你定位 “到底是哪一个” 被访问到了。话说回来，
\