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 基本的命名空间示例。