JS 函数被调用时 this 是指向 global(window)的。所以,你定时器里面的 this 和外面的 this 并不一样。解决方法:
function Ren( x ) {var me = this
this.x = x
this.move = function() {
// ...
var timer = setInterval( function() {
if( me.x > ( mousePos.x - 100 ) ) {
clearInterval( timer )
return
}
me.x += 10
}, 60 )
}
}
你只要记住JS里this无所不能。你的逻辑到哪他就指向哪。this 里面是函数中用来表示调用这个函数的对象(js里万物皆对象),事件中,由哪个对象触发了事件则this就是谁。
举个例子:
window.onload=function(){
var oli = document.getElementsByTagName("li")
for (var i=0i<oli.lengthi=i+1){//i=3
oli[i].onclick = function () {
//this 当前调用函数的对象
console.log(this.innerHTML)
}
}
}
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
</ul>