什麼是組織你的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的最佳方式？

回答

相關問題