js 函数名 重复

在 JavaScript 中，函数名重复可能会导致一些意想不到的结果，具体取决于函数的声明方式和作用域。

基础概念：

• 在同一个作用域内，如果使用相同名称声明多个函数，后面的会覆盖前面的。
• 函数声明会被提升（hoisting）到其所在作用域的顶部，但初始化留在原地。

可能的优势：

• 在某些特定情况下，有意为之的函数名重复可以用于实现函数的重载效果（尽管 JavaScript 本身不支持传统的函数重载）。

类型：

• 函数声明重复：直接使用相同名称的 function 关键字声明。
• 函数表达式重复：将相同名称的函数赋值给变量。

应用场景：

• 很少有正常的应用场景会故意使用重复的函数名，更多是一种需要避免的错误情况。

出现问题的原因：

• 可能是开发者的疏忽，不小心写了相同名称的函数。
• 对作用域的理解不够清晰，导致在不同的作用域中认为可以重复。

解决方法：

• 仔细检查代码，确保在同一作用域内函数名唯一。
• 使用严格模式（'use strict'），在严格模式下重复的函数声明会报错。
• 合理划分作用域，利用模块化、闭包等方式避免全局作用域的污染和函数名的冲突。

例如：

'use strict';

function foo() {
    console.log('First foo');
}

function foo() {  // 这里会报错，在严格模式下重复声明函数
    console.log('Second foo');
}

或者在非严格模式下，后面的会覆盖前面的：

function bar() {
    console.log('First bar');
}

bar();  // 输出 'First bar'

function bar() {
    console.log('Second bar');
}

bar();  // 输出 'Second bar'

总之，为了避免函数名重复带来的问题，要保持良好的编码习惯和清晰的逻辑结构。