JS 构造函数this指向问题

JavaScript024

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 )    

    }

}

谁调用函数,this就指向谁

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

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

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

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

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

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

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

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