如何调用 JavaScript 函数

Question

我在 A.js 中有一个函数 onChangeBrand()，在 B.js 中有一个相同的名称。

那么如何避免这种情况呢？有一个限制 - 我无法更改函数名称。 而且我不允许编辑这两个 Js 文件，因此命名空间对我来说不是一个正确的想法。

我们可以调用诸如 A.onChangeBrand() 或 B.onChangeBrand() 之类的东西吗？

Answer 1

好的，如果命名空间不适合您，您可以将代码放在加载这些文件的 script 标记之间，

<script src='a.js'></script>
<script>
var a_onChangeBrand = onChangeBrand; // copy the function
</script>
<script src='b.js'></script>

之后 a_onChangeBrand() 将调用 a.js 中的函数并b.js 中的 onChangeBrand()

但是，如果 a.js 和 b.js 中的某些函数也使用这些函数，则没有任何帮助 - 它们可能会调用最后加载的文件中的函数。

Answer 2

检查如何在 JavaScript 中使用命名空间，如果您可以编辑 a.js 和 b.js 这两个文件，那么您就可以声明命名空间。请参阅此处的最佳答案：如何在 JavaScript 中声明命名空间？

Answer 3

如果您无法访问源代码，那么以下是一个解决方案（请注意，这不是最漂亮的解决方案）：

<script src="http://exmpale.com/a.js"></script>
<script>
 A = { onChangeBrand:onChangeBrand };
</script>

<script src="http://exmpale.com/b.js"></script>
<script>
 B = { onChangeBrand:onChangeBrand };
</script>

这两个函数现在已命名空间并且可以像这样调用：

A.onChangeBrand();     
B.onChangeBrand();

Answer 4

您可以对您的函数之一执行此操作..

var myNS = new (function() {

    this.onChangeBrand= function() {
        alert('hello!');
    };

})();

然后调用 myNS.onChangeBrand();

类似地，将 myNS2 用于其他函数。这些称为名称空间。