JavaScript—通过将函数添加到上次加载的外部脚本来重写函数是一种不好的做法吗？

我有一个JavaScript函数，当单击包含在网站所有页面通用的部分视图中的按钮时会触发该函数。我想要的是，当我在“D”页时，函数必须执行不同的操作。这样做的最佳实践是什么

我尝试的是为该页面添加第二个外部脚本，并包含具有相同名称但不同操作的函数，然后在主脚本之后调用该脚本

局部视图

<button id="btnSubmit" onclick="buttonClicked()"> Submit </button>

当我在“D”页时，函数必须执行如下操作：

//JavaScript common file across all 3 pages:
function buttonClicked()
{
console.log(5);
}

//JavaScript new file that is only used on Page D:
function buttonClicked()
{
console.log(10);
}

这只是一个简单的例子。功能要复杂得多，网站已经可以运行了。这种做法不好吗？现在它工作正常，但是否可能会导致任何问题（例如不同的浏览器）

---

谢谢

它会工作的，但是当你在html文件中编写越来越多的javascrpit代码时，它会变得一团糟。 -创建一个名为script.js的文件 -在html文档中链接script.js文件（谷歌应该很容易找到） -在script.js文件中创建所有函数

不要使用“onclick=“buttonClicked（）”。请尝试使用（在script.js文件中）：

---

这不是一个标准的做法，这就是为什么要创建一个可以在不同页面上调用函数的服务。现在，在调用主函数时，您不能在不影响其他页面的情况下将任何内容附加到主函数。

这不是一个理想的做法，但您不应该对不同的浏览器有任何问题。我已经看到很多框架使用它这也是我的想法，所以你并不孤单。

document.getElementById("btnSubmit").addEventListener("click", your_funcion_name);
your_function_name(){ Write your function-code here }