菜鸟聊JavaScript中this

菜鸟聊this

this在JavaScript中是一个比较头疼的问题，我现在以一枚菜鸟的观点结合代码简单的谈下JavaScript中的this指向问题。

1.例子1

function a() {

    var user='zhanglei';

    console.log(this.user);  //undefined

    console.log(this);  //window

}

a();

this最终指向调用他的对象，这里的a实际是被window对象点出来的，下面的代码可以证明：

    function a() {

    	var user='zhanglei';

    	console.log(this.user);  //undefined

    	console.log(this);  //window

	}

window.a();

2.例子2

var o={

    user:'zhanglei',

    fn:function () {

      console.log(this.user);  //zhanglei

    };

}

o.fn();

this的指向问题不是在函数创建时候就决定的，而是在调用的时候才能决定。

3.例子3

var o = {

    name:'张磊',

    fn:function () {

      console.log(this.name);  //张磊

    }

}

window.o.fn();

---

var o = {

    name:'张磊',

    paly:{

	    name:'风流倜傥小小张',

	    fn:function () {

	    console.log(this.name);  //风流倜傥小小张

	    }

    }

}

o.b.fn();

最后总结一下：

1.this的指向问题是在函数调用的时候调用的，而不是在开始创建的时候就决定的。

2.如果函数中有this，但是它没有被上一级的对象所调用，那么this的指向依旧是window对象。

3.如果函数中有this，这个函数有被上一级的对象调用，此时this就是指向上一级的对象。

4.如果一个函数中有多个this。这个函数中包含多个对象，尽管这函数被最外层的对象所调用，this的指向只是它的上一级对象。