JQuery插件體系結構，在哪裏定義對象和變量的生命週期？

Question

我正在寫一個jQuery插件來呈現畫布中的圖像。

的最終目標是才達到類似

var myImageSource = new ImageSource(path,width,height); 
$("#myCanvas").Render({"source" : myImageSource}); 

插件requiers幾類，herpers和其他一些jQuery插件才能正常工作。

讓我們說我有

• 鼠標滾輪的jQuery插件
• 一個緩存庫不是一個jQuery插件，但與原型的對象，一些枚舉

我有一個依賴動畫引擎，是一個循環，需要一個全局變量（或至少在插件級別）

function runAnimations(timeStamp) { 

    window.requestAnimationFrame(runAnimations); 

    for (var i = 0; i < animations.length; i++) { 
     animations[i].update(timeStamp); 
    } 
} 

而且我確定自己的對象，如

• 點
• 矩形
• 視見
• ImageSource的
• 動畫1

所以我嘗試是這樣的：

- Reference to other script library (like Cache) 
- Reference to other JQuery Plugin 

; (function ($, window, document, undefined) { 

    //global variable declaration 
    var animations = []; 
    var isAnimationLoopStarted = false; 

    //global functions 
    function runAnimations(timeStamp) { 

     window.requestAnimationFrame(runAnimations); 

     for (var i = 0; i < animations.length; i++) { 
      animations[i].update(timeStamp); 
     } 
    } 

    //objects declarations 
    function Rect(x, y, height, width) { 
     this.x = x; 
     this.y = y; 
     this.width = width; 
     this.height = height; 
    } 

    Rect.prototype.moveTo = function (x, y) { 
     this.x = x; 
     this.y = y; 
    }; 

    //other object declarations Point, ImageSource, ViewPort etc.. 

    //plugin interface 
    var methods = { 
     init: function() { 
      return this.each(function() { 

       }); 
      }); 
     }, 
     destroy: function() { 
      return this.each(function() { 
      }); 
     } 
    }; 

    $.fn.render = function (method) { 
     if (method === 'destroy') { 
      return methods.destroy.apply(this); 
     } else { 
      return methods.init.apply(this); 
     } 
    } 

})(jQuery, window, document); 

所以我的問題是：

• 你認爲這是確定走這條路？
• 如果我這樣做，ImageSource的定義不會成爲可用外 插件
• 我應該放棄的ImageSource對象使用數組代替，所以我有 與對象定義沒有問題
• 什麼在插件內部定義的全局變量的生命週期就像動畫一樣，它會一直可用嗎？
• 使用變量如動畫還是更好 使用.data jquery函數是最佳做法，但在這種情況下如何共享 變量？

感謝您通過事先的任何幫助

弗雷德

Answer 1

所以我的答案是：

• 似乎罰款。然而，在你的關閉參數中，你不需要window或document，它們是簡單的全局變量。如果你想「重命名」它們，你只需要它們，例如到global和doc。我寧願將該腳本庫接口對象作爲該函數的參數。
• 是的。但構造函數是否需要在外部可用？我想不是。如果你真的需要它們，可以在關閉中聲明它們;將它們導出爲例如$.render等靜態屬性。
• 您需要給我們的ImageSource的代碼，否則我們不能回答這個問題
• 你不定義插件任何全局變量（請調整你的評論）。它們是本地的（不是說你的插件關閉中的「私有」變量，可用於該範圍內的所有其他內容），當沒有任何東西可以引用它們時，它們的生命週期將結束（自動垃圾回收）到$.fn.render，它一直有這些引用，所以只要導出存在，你的局部變量就會變成
• 你應該掛鉤jQuerys動畫隊列。你怎麼「共享」你的變量沒有.data()？我會說一切屬於某個（DOM-）節點的數據屬性應該設置爲數據屬性，否則在引入它之後將無法訪問它，您是否可以嘗試使用這些屬性？