创建对象时发生 JavaScript 错误

Question

当我尝试创建这样的对象时

new Ext.TitleCheckbox () 

我收到“不是构造函数错误”

我的对象是

Ext.TitleCheckbox = {

    checked:false,
    constructor : function() {
    },
    getHtml : function (config) {
        var prop = (!config.checked)?'checkbox-checked':'checkbox-unchecked';
        var html = config.title+'<div class="'+prop+'" onclick="Ext.TitleCheckbox.toggleCheck(this)">&#160;</div>';

        return html;
    },

    toggleCheck : function (ele){
        if(ele.className == 'checkbox-checked') {
            ele.className = 'checkbox-unchecked';
        }
        else if(ele.className == 'checkbox-unchecked') {
            ele.className = 'checkbox-checked';
        }

    },

     setValue : function(v){
        this.value = v;
     },

     getValue : function(){
        return this.value;
     }

};

这里有什么错误吗？

Answer 1

Ext.TitleCheckbox 不是函数，您无法对对象文字进行函数调用。

如果您想使用 new 运算符，您应该重新构建代码，使 TitleCheckbox 成为 constructor function .

类似这样的东西(假设 Ext 对象存在):

Ext.TitleCheckbox = function () {
  // Constructor logic 
  this.checked = false;
};

 // Method implementations
Ext.TitleCheckbox.prototype.getHtml = function (config) {
  //...
};

Ext.TitleCheckbox.prototype.toggleCheck = function (ele) {
  //...
};

Ext.TitleCheckbox.prototype.setValue = function (v) {
  //...
};

Ext.TitleCheckbox.prototype.getValue = function () {
  //...
};