如何在JS / jQuery中創建更大的邏輯整體（而不是將所有內容都放入document.ready）？

Question

我目前只需要在document.ready中包含所有內容，這對於可讀性和干燥性來說並不是最佳選擇。

創建模塊/類/命名空間/函數或者在jQuery / Javascript中調用它們的任何選項有哪些？

例如，您如何區分這些問題：

• 一個通用函數，它將一個元素作為參數並將給定的字符串附加到它的name屬性中？
• 用來美化UI的代碼（應用按鈕效果，樣式，表單，標簽等）？
• 處理AJAX的代碼

顯然，我想知道的是：你如何在JS中構造代碼？ （謝謝Alex！）

Answer 1

var myApp = {
  init: function () { },
  widget: {
    init: function () { },
    add:  function () { },
    del:  function () { },
    read: function () { },
    edit: function () { }
  },
  utils: {
    ui: {
      rotate: function () { },
      jump:   function () { }
    }
  }
};

myApp.init();

Answer 2

你可以創建插件 。

Answer 3

如何將代碼拆分為您在document.ready中調用的多個函數？ 您也可以將這些組合成對象，或者使用其中一種OO方法，例如JS.Class 。 我不認為這與jQuery有很大關系，順便說一下，它只是一般的代碼結構。

Answer 4

或jQuery Ui Widgets ，它更進了一步

Answer 5

創建插件：

(function($){
    $.fn.myCustomPlugin = function() {
        // My code here
    };
})(jQuery);

Answer 6

對於一般的javascript，你可以只使用函數/對象，看看這個 。

對於jquery，如上所述，由komar和darin創建一個插件......

Answer 7

jQuerj對於dom管理和簡單的xhr非常有用。 但是如果你想創建一些大的應用程序我建議改變javascript庫來采用更多的“企業”庫，如dojotoolkit或yui。