什么是组织你的JavaScript的最佳方式？

目前现在我组织我的JavaScript函数如下：什么是组织你的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的一些见解。

来源

2012-03-06 etoxin

[Backbone]（http://documentcloud.github.com/backbone/）当然是''）' – 2012-03-06 00:39:05

骨干是一个愚蠢的库-.- – Raynos 2012-03-06 00:40:45

我更喜欢“揭示模块模式“（谷歌它），因为它可以让你有私人和公共职能和属性和'websiteName.'前缀只需要引用公共职能/属性从库之外。 – nnnnnn 2012-03-06 00:40:56

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

// x.js 
... 

module.exports = { 
    ... 
}

这些模块由模块封隔器封装在一起像browserify然后自举和以某种方式初始化。

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

对于一个模块，做你想做的，有一些模块范围的功能，具有一定的变数，有一些对象内组织等

来源

2012-03-06 00:42:47 Raynos

我想我会尝试这种方法。 – etoxin 2012-03-06 22:17:33

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

来源

2012-03-06 00:44:24 Joseph

因此，让我对我做什么扩大。我是前端开发人员，从不碰触服务器。我主要做基本的事情。但我喜欢在各种项目中重用我的功能。 – etoxin 2012-03-06 00:48:12

什么是组织你的JavaScript的最佳方式？

回答

相关问题