JS 构造函数this指向问题

JavaScript021

JS 构造函数this指向问题,第1张

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>

谁调用函数,this就指向谁

1.this指向的，永远是对象

2.this指向谁, 不取决与this写在哪，而是取决于函数在哪调用

3.this指向的对象，我们成为函数的上下文context，也叫函数的调用者

1.通过函数名（）直接调用：指向window

2.通过对象.函数名（）调用：指向这个对象

3.通过数组下标.函数名（）调用，指向这个数组

4.通过window内置函数（ setInterval setTimeout 等）的回调里调用。指向window

5.函数作为构造函数，new关键字实例化之后调用，指向实例化对象