javascript - 在不同的 JS 文件中组织函数的最佳方式是什么？

Question

我有一个名为 common.js 的 JS 文件，我在其中实现了一些在整个项目中多次需要的通用功能。

有时 common.js 中的函数名称与我可能包含在页面上的其他 JS 文件相同，这会产生冲突，并且将使用最新的定义，这取决于顺序包含文件。

我认为我处理事情的方式是错误的；想知道我应该如何处理这种情况以获得更好的可读性和代码流。

Answer 1

您应该为它们命名空间，可能像 Utils 或其他东西，您将需要重构，但最好的做法是为它们命名空间。

你可以很容易地做这样的事情 -

https://jsfiddle.net/2rjv6qqu/

var utils = {
    foo: function () {
        alert("utils foo");
        this.bar();
    },
    bar: function () {
        alert("utils bar");
    }
}

var another = {
    foo: function () {
        alert("Another foo");
        this.bar();
    },
    bar: function () {
        alert("Another bar");
    }
}

utils.foo();
another.foo();

这是命名空间的 super 基本示例。