javascript 对象到 jquery 选择器

Question

我正在为表单编写代码，因为有很多表单需要简化屏蔽表单中字段的方法。因为我创建了一个类来封装字段的 id 并为每个字段分配特定的交互。

我有代码:

var Mask=(function() {

var me=this;    

var eventInterator;
var func; 
var fields;

function Mask(fd,ev,fn){

  this.setFunction(fd);
  this.setFunction(fn);
  this.setEvent(ev);
  this.execute();
}

Mask.prototype.setFields = function(fd){

   fields=fd;

}

Mask.prototype.setFunction= function(fn){

    func=fn;    

}

Mask.prototype.setEvent= function (ev){

    eventInterator=ev;      

}

Mask.prototype.execute = function(){

    for (var i=0;i<fields.length;i++){
        loadEvent(fields[i]);       
    }

}   

function loadEvent(field){

    $(me+' '+field).on(eventInterator,function() {  

            func();
    });

}

return Mask;

})();

当我运行以下代码时:

 function doSomeThing(){
   alert("hi");

 }
var fields = ['#field1','#field2','#field3','#field4'];

var mask = new Mask(fields,"keyup",doSomeThing);

我收到错误:语法错误，无法识别的表达式:[对象窗口]

如何为 jquery 选择器设置 javascript 类的对象？

Answer 1

有2个问题

第一个 this.setFunction(fd); 应该是 this.setFields(fd);

第二个
在 Mask 函数中，me 引用 window 对象，因为它是一个对象 me + ' ' + field 将返回 [object Window] #field1，这就是您收到错误的原因。

因此将 $(me+' '+field) 更改为 $(field)

<小时/>

正如 @plalx 所说，使用局部变量是没有用的，因为 Mask 的每个实例都会覆盖以前的值