this的指向问题

---

 

情况一：

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

var x = 1;



function test(){

    console.log(this.x);

}



test();   // 1  情况二：作为对象方法

 

情况二：

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

function test(){

    console.log(this.x);

}



var obj = {};

obj.x = 1;

obj.m = test;

obj.m();

 

情况三：

作为构造函数调用：所谓构造函数，就是通过这个函数，可以生成一个新对象。这时this就指这个新对象。

function test(){

    this.x = 1;

}



var obj = new test();

console.log(obj.x);   // 1

 

情况四：

apply的调用：

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

 

apply( )的参数为空时，默认调用全局对象。这时运行结果为0，证明this指的是全局对象。

 

var x = 0;

function test(){

    console.log(this.x);

}

var obj = {};

obj.x = 1;

obj.m = test;

obj.m.apply();    // 0   this指的是全局对象

obj.m.apply(obj);   // 1    this指的是obj

情况五：

隐式绑定：

函数的调用是在某个对象上触发的，即调用位置上存在上下文对象，典型隐士

调用：xxx.fn()

function info(){

    console.log(this.age);

}

var person = {

    age: 20,

    info

}

var age = 28;

person.info(); //20;执行的是隐式绑定

 

情况六：

箭头函数：

箭头函数没有自己的this，继承外层上下文绑定的this；

let obj = {

    age: 20,

    info: function() {

        return () => {

            console.log(this.age); //this继承的是外层上下文绑定的this

        }

    }

}

let person = {age: 28};

let info = obj.info();

info(); //20

let info2 = obj.info.call(person);

info2(); //28