访问JS私有方法

时间:2012-03-07 03:10:07

标签: javascript jquery dom object

我正在努力创建一个JS对象并访问私有方法。我在尝试返回函数时遇到的问题是无法访问私有方法。代码如下。

var Item = (function() {

    var price = 0;
    var name = '';
    var description = '';
    var quantity = '';
    var attributes = {};

    var Item = function(data) {

    }

    function setPrice(variable) {
        this.price = variable;
    };

    function getPrice() {
        return this.price;
    };

    function setName(variable) {
        this.name = variable;
    };

    function getName() {
        return this.name;
    };

    function setDescription(variable) {
        this.description = variable;
    };

    function setQuantity(variable) {
        this.quanity = variable;
    };

    return function(data){

        setPrice : setPrice;
        getPrice : getPrice;
        setName : setName;
        setDescription : setDescription;
        setQuantity : setQuantity;

        return new Item(data);
    }

})();

item2 = Item();
    item2.setPrice('3');
alert(item2.getPrice());

使用此设置,如何访问私有方法?

2 个答案:

答案 0 :(得分:2)

我认为这种模式不适用于你想要做的事情。我认为使用这样的模式可以使代码更小,更可重用。这样你也可以摆脱set函数。

var Item = function(options) {

    var opts = $.extend({
        price: 0,
        name: '',
        description: '',
        quantity: '',
        attributes: {}
    }, options);

    // ...
    this.getPrice = function() {
        return opts.price;
    };

    // ...
};

var item = new Item({
    price: 100,
    name: 'onehundred',
    // ...
});

alert(item.getPrice());

答案 1 :(得分:1)

修复了您的代码:http://jsfiddle.net/pratik136/JryAk/

项目已更改:

  • 查看您的return声明
  • Item是一个var,你试图实例化一个类对象item2