本文深入解析JavaScript中变量名与函数名冲突时的执行机制。通过实例展示“a is not a function”报错原因，详细阐述函数声明与变量声明的提升优先级、赋值语句的处理方式，以及最终为何导致类型错误。
变量与函数重名问题引入
近期遇到一道关于变量名与函数名冲突的代码题，颇具探讨价值，借此机会梳理JavaScript预解析的相关知识点，若有疏漏欢迎指正。题目如下：
预解析核心规则详解
var a=100;
function a(){
console.log(a);
}
a();
该段代码执行后将抛出异常：a is not a function。
造成此错误的原因在于JavaScript引擎对函数和变量的预解析（Hoisting）机制：
1. 函数声明会被提升至当前作用域的顶部。
2. 变量声明同样会被提升至当前作用域的顶部。
3. 函数声明的优先级高于变量声明，即函数声明会覆盖变量声明的位置（函数在变量之上）。
4. 当变量与赋值语句合并书写时，JavaScript引擎在解析阶段会将其拆分为“声明”和“赋值”两部分：声明部分被提升至顶部，而赋值部分保留在原始代码位置。
5. 若变量已存在声明，则不会进行重复声明。
基于上述规则，原代码在预解析后的等效形式如下：
代码等效转换与报错分析
var a=function (){
console.log(a);
}
var a=100;
a();
由于变量a被重新赋值为数值100，覆盖了之前的函数定义，因此调用a()时试图将数字作为函数执行，从而引发类型错误。
以上关于JavaScript中变量名与函数名重名的解析即为全部内容，希望能为读者提供有益参考，欢迎继续支持本站。