javascript - 避免与函数命名约定冲突 javascript

Question

我的脚本中有一堆函数驻留在 .js 文件中。 如果其他人编写的其他脚本使用与我的脚本中相同的函数名称，如何避免与我在同一页面中的函数名称发生冲突？

有办法吗？

Answer 1

如果您不需要在脚本之外访问这些函数，您可以将整个脚本包装在立即调用的函数表达式中:

(function () {
    // Your code here
}());

这引入了一个新的作用域，因此其中的任何声明在它之外都是不可见的。

如果您确实需要在该范围之外进行访问，请将您的函数公开为“命名空间”的方法:

var YourStuff = (function () {
    // Private functions etc...

    // Expose public methods
    return {
        someMethod: function () {}
    };
}());

通过采用这种方法，您只需引入一个全局标识符，从而减少发生冲突的可能性。您可以按如下方式调用该方法:

YourStuff.someMethod();