繁体   English   中英

创建可重用jQuery对象的正确方法

[英]Proper way to create a reusable jQuery Object

我正在尝试编写我的第一个未经黑客攻击的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

从代码示例中,您似乎只需要一种创建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/

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM