Question

目前，我正在按如下方式组织我的JavaScript函数：

var websiteName = {
    options: {
        optionOne: "Boom!",
        optionTwo: "Hello World!"
    },
    init: function () {
        websiteName.homepageOnlyFunction();
        websiteName.anotherFunction();
    },
    homepageOnlyFunction: function() {
        // A function only used on the homepage
    },    
    anotherFunction: function() {
        /*
        A function that is used
        throughout the site.
        */
    }
}
$(document).ready(function() {
    websiteName.init();
});

我想了解组织javascript的最佳做法。

Answer 1

我个人将我的代码安排为一组模块（每个文件一个模块）。每个模块都是一个通常做一件事的对象。

// x.js
...

module.exports = {
  ...
}

这些模块由模块打包器（如browserify）打包在一起，然后以某种方式进行自举和初始化。

我个人使用像ncore这样的依赖注入库来引导我的模块。

对于模块内的组织，做任何你想做的事，有一些模块范围的函数，有一些变量，有一些对象等。

Answer 2

这取决于您的网站如何工作，他们如何在DOM中交互的脚本，他们如何相互交互，以及他们如何与服务器交互。有很多模式，尤其是modular javascript

组织JavaScript的最佳方法是什么？

2 个答案: