JS 构造函数this指向问题

JavaScript010

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.name指的是变量name（对应var name="The Window"这个），

第二个this.name指的是object这个map里面的name，this指的是object这个map对象。

this是Javascript语言的一个关键字它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用,下面分四种情况：

情况一：纯粹的函数调用 ：这是函数的最通常用法，属于全局性调用，因此this就代表全局对象Global。

情况二：作为对象方法的调用 ：函数还可以作为某个对象的方法调用，这时this就指这个上级对象。

情况三 作为构造函数调用 ：所谓构造函数，就是通过这个函数生成一个新对象（object）。这时，this就指这个新对象。

情况四 apply调用 ：apply()是函数对象的一个方法，它的作用是改变函数的调用对象，它的第一个参数就表示改变后的调用这个函数的对象。因此，this指的就是这第一个参数。