創建可重用jQuery對象的正確方法

Question

我正在嘗試編寫我的第一個未經黑客攻擊的jQuery插件，而我正在努力創建一個具有構造函數，公共變量，私有變量和函數的基本對象。

http://jqueryboilerplate.com/對於創建擴展jQuery的對象提供了很好的指導，但是我認為這不是處理未附加到DOM元素的通用對象的正確方法。

有沒有人有用於創建基本可重用對象的樣板模板？ 即

var calc = new CustomCalculator({'starting_value': 42});
calc.add(3);
calc.multiplyBy(2);
alert(calc.total);   // Alerts (42 + 3) * 2 = 90

Answer 1

從代碼示例中，您似乎只需要一種創建JS對象的基本方法。 這可以解決問題（但是還有很多其他方法可以做到）：

function CustomCalculator(options){
    var self = this;
    self.total = options.starting_value;

    self.add = function(term){
        self.total += term;
    };

    self.multiplyBy = function(term){
        self.total = self.total * term;
    };
}

var calc = new CustomCalculator({'starting_value': 42});
calc.add(3);
calc.multiplyBy(2);
alert(calc.total);   // Alerts 90

您仍然必須實現字符串連接，但是我將留給您

如果要使用私有變量，則應使用閉包。 我最近寫了一篇有關JavaScript中的名稱空間和模塊的文章，該文章可以為您提供幫助： http : //www.kenneth-truyers.net/2013/04/27/javascript-namespaces-and-modules/

這是另一個專門討論私有變量的工具： http : //www.kenneth-truyers.net/2012/04/22/private-variables-in-javascript/