js 同名 函数

在 JavaScript 中，函数可以通过函数声明或函数表达式来定义。当在同一个作用域内存在多个同名函数时，会发生函数覆盖的现象。

基础概念： 函数覆盖是指在同一个作用域内，后定义的同名函数会覆盖之前定义的函数。

相关优势： 这种特性在某些情况下可以用于简化代码逻辑，例如根据不同的条件定义不同版本的函数，但一般情况下，过多的函数覆盖可能会导致代码难以理解和维护。

类型： 主要是函数声明覆盖和函数表达式覆盖。

应用场景： 较少用于正常的业务逻辑开发，可能在某些特定的动态配置或插件机制中有少量应用。

可能遇到的问题及原因： 可能会导致预期之外的函数行为，难以调试和排查错误。

解决方法： 尽量避免使用同名函数，采用具有明确含义和区分度的函数名。如果确实需要使用，要清晰地了解函数定义的顺序和作用域。

以下是一个简单的示例代码：

function sayHello() {
    console.log("Hello from first sayHello");
}

sayHello();  // 输出: Hello from first sayHello

function sayHello() {
    console.log("Hello from second sayHello");
}

sayHello();  // 输出: Hello from second sayHello

在上述代码中，第二个 sayHello 函数覆盖了第一个 sayHello 函数，导致第二次调用 sayHello 时输出的是第二个函数的内容。