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

Question

我有一个名为common.js的JS文件，其中我已经实现了一些在整个项目中需要多次的常规函数​​。

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

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

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();

这是命名空间的一个超级基本示例。