javascript - 在单独的 .js 文件中避免 javascript 函数命名冲突的最佳方法？

Question

是否有一种首选方法可以将 .js 文件中的函数与页面上其他 .js 文件因名称相似而产生的潜在冲突隔离开来？

例如，如果你有一个函数

function AddTag(){}

在 Core.js 然后有一个

function AddTag(){}

在 Orders.js 中它们会发生冲突。您将如何最好地构建您的 .js 文件以及您将使用什么命名约定来隔离它们？

谢谢

Answer 1

我将函数的范围限制在该文件中。

(function () {
    var AddTag = function AddTag () {
    };
}());

... 有时让其中的一些函数在全局范围内可用:

var thisNamespace = function () {
    var AddTag = function AddTag () {
        …
    };
    var foo = function foo() {
        AddTag();
        …
    };
    var bar = function bar() {
        …
    };
    return {
        foo: foo,
        bar: bar
    }
}();