软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > Web前端 > Ajax/JavaScript > JavaScript学习之函数类与setInterval问题

JavaScript学习之函数类与setInterval问题

1. 之前写的一直都是分散的函数,用到什么功能,就写什么函数,觉得不够整洁,所以这次写的是封装的类,用起来还不错,但是传递参数的时候遇到了不少问题,所以,查阅了很多资料,总结如下:

1)动态绑定事件问题:

需要将onclick事件绑定到对象上,比如列表项。需要用到addEventListener或者attachEvent,用于吧函数操作添加到事件中去,而不是覆盖,但是,attachEvent不支持FF,FF只能用addEventListener。so,就需要一个函数,把它们俩给综合起来,于是乎,这个函数诞生了:

function addEventHandler(oTarget, sEventType, fnHandler)

{

if(oTarget.addEventListener)

{oTarget.addEventListener(sEventType, fnHandler, false);}

else if(oTarget.attachEvent)

{oTarget.attachEvent('on' + sEventType, fnHandler);}

else{oTarget['on' + sEventType] = fnHandler;}

}

2)传递this参数问题:

由于我吧函数和属性都封装到了一个类里面,所以在绑定onclick之类的事件是,就会产生一个问题,比如,addEventHandler(this.elems[i],"click",this.Move);,这样就出错了,因为在onclick事件发生的时候,调用的this就不是指向这个封装的类了,于是乎,就需要用到apply()了~——应用某一对象的一个方法,用另一个对象替换当前对象。具体格式我就不用说了,网上一大堆~函数:

var Bind = function(object,func){

var args = Array.prototype.slice.call(arguments).slice(2);

return function(){

return func.apply(object,args);

}

}

调用:

this._fnMove=Bind(this,this.move,i);//this.move是我定义的一个成员函数,封装在类中

//this.elems[i].onclick=this._fnMove;//吧上面那句话换成这句话也是可以的,只不过,onclick事件就被替换为this._fnMove,而不是添加this._fnMove进去

addEventHandler(this.elems[i],"click",this._fnMove);

这样就OK了~

PS.call()也是基本相同的功能,但具体参数不一样

相关阅读
栏目导航
推荐软件