js中this的指向问题

this是javascript中的关键字，它最终指向调用它的对象，分成多种情况。

.例1

function o(){
	var a = "bbb";
	consle.log(this.a);//undefined
	consle.log(this);//window
}
o();

这个例子里是由window调用的o()，因此o()里的this指向window，而window中并没有a对象，所以，this.a输出undefined。

.例2

function o(){
	var a = "bbb";
	fn:function(){
		consle.log(this.a);//bbb
		consle.log(this);//o
	}	
}
o.fn();

这个例子是由o调用的fn()，因此fn()里的this指向o()，this.a输出o()中a对象的值。

.例3

function o(){
	var a = 1;
	b:{
		a = 2;
		fn:function(){
			consle.log(this.a);//2
			consle.log(this);//b
		}	
	}
	
}
o.b.fn();

这个例子是由b调用的fn()，因此fn()里的this指向b，this.a输出b中a对象的值。这个例子说明如果一个函数中包含多个对象，尽管这个函数是被最外层的对象所调用，this指向的也只是它上一级的对象。

.例4

function o(){
	var a = 1;
	b:{
		a = 2;
		fn:function(){
			consle.log(this.a);//undefined
			consle.log(this);//window
		}	
	}
	
}
var j = o.b.fn();
j();

这个例子中最终执行的是j()函数，由window调用，所以this指向window，this.a输出undefined。因此this是看它执行的时候谁调用的，谁调用就指向谁。

.例5

function fn()  
{  
    this.user = 'bbb';  
    return function(){};//返回的是对象
}
var a = new fn;  
console.log(a.user); //undefined

.例6

function fn()  
{  
    this.user = 'bbb';  
    return 1;
}
var a = new fn;  
console.log(a.user); //bbb

这两个例子说明当this碰到return时,如果返回值是一个对象，那么this指向的就是那个返回的对象，如果返回值不是一个对象那么this还是指向函数的实例。