本文深入解析JavaScript中同名函数与变量的覆盖机制。通过示例说明JS不支持函数重载，后定义的函数会覆盖前者。重点阐述变量提升与函数声明提升的优先级差异，以及普通函数与函数对象在预解析阶段的不同处理逻辑，帮助开发者理解变量覆盖与执行上下文的关系。
JavaScript重名函数与变量覆盖机制解析
前言
本文主要探讨JavaScript中同名函数与对象的处理规则，旨在为开发者提供清晰的参考。以下内容将直接切入主题，详细解析相关机制。
变量与函数的重复声明规则
在JavaScript中，允许对同一变量进行多次声明，后续声明的值会覆盖之前的值。
var a = 1;
var a = 'x';
console.log(a);
//输出'x'JavaScript同样允许重复定义函数。
JavaScript语言本身并不支持传统意义上的函数重载，它仅依据函数名来识别函数。
当存在多个同名函数时，后定义的函数会覆盖先前的函数，这一过程与函数的参数列表无关。
function test() {
console.log("test");
}
test(); //输出 "test arg0 + undefined"
function test(arg1) {
console.log("test arg" + arguments.length + " + " + arg1);
}
test(1,2); //输出 "test arg2 + 1"关于参数传递：若传入的实参数量少于形参，未对应的形参默认值为undefined；若实参数量多于形参，所有实参均会被接收，但多余的参数无法通过形参名直接访问，需借助arguments对象获取。
function test(arg1) {
for(var i=0; i<arguments.length; i++) {
console.log(arguments[i]);
}
}
test(1,2); //输出 1 2变量与函数重名的优先级
当变量名与函数名相同时，变量的优先级更高，最终生效的是变量。
预解析机制详解
这一现象涉及JavaScript的预解析（Hoisting）机制：
变量声明会被提升至作用域顶部，函数声明同样会被提升，且函数声明的提升优先级高于变量声明。
当变量声明与赋值语句合并书写时，JavaScript引擎在预解析阶段会将其拆分为两部分：声明部分被提升至顶部，而赋值部分保留在原代码位置执行。
一旦变量已被声明，再次声明该变量时不会重复提升。
var a = 100;
function a() {
return "function";
}
console.log(a); //输出 100
console.log(a());
/*
报错
Uncaught TypeError: a is not a function
(anonymous function) @test.html:9
*/JavaScript中存在两种函数形态：普通函数和函数对象。以下示例展示的是“函数对象”形式，即声明一个匿名函数，并将其init方法赋值给变量。
var a = 100;
var a = function() {
return "function";
}
console.log(a);
/*
输出
function() {
return "function";
}
*/
console.log(a()); //输出 "function"函数与内部变量重名分析
函数与内部变量重名的情况
定义普通函数时，实际上是在window对象下创建一个以函数名为键的属性，其值为函数的引用地址。此时，函数内部的this指向window对象。
function a() {
console.log(this); //输出 window{...}
this.a = 1; //即 window.a = 1，此时window下的function a已经被该变量覆盖了。
var a = 5; //下面的这几个变量都是局部变量，仅在花括号范围内有效。
a = 10;
var v = "value"
return "function";
}
console.log(a); //输出 function a {...}
console.log(a()); //输出 "function"
console.log(a); //输出 1
console.log(v);
/*
输出
Uncaught ReferenceError: v is not defined
(anonymous function) @ mycolor.html:15
*/总结
以上是关于JavaScript中重名函数与变量覆盖机制的全部内容，希望能为您的学习或工作提供有价值的参考。如有疑问，欢迎留言交流，感谢支持。