javascirpt--this关键字--09

this的取值

场景1：构造函数

function  Person(){
	this.name='henry';
	this.age=20;
	console.log(this);// Person{name:'henry',age:20}
}
var p=new Person();
console.log(p.name);//henry
console.log(p.age);//20

注：当且仅当 Person作为构造函数使用的时候，this代码new出来的对象
当Person函数作为普通函数被调用时，this是window

场景2：函数作为对象的一个属性
1 调用obj对象的fn函数,this代表当前对象obj

var obj={
	age:20,
	fn:function(){
		console.log(this);//Object{age:20,fn:function}
		console.log(this.age);
	}
}
obj.fn();//调用obj对象的fn函数,this代表当前对象obj

2 fn不作为obj的一个属性被调用时，this是window,x是undefined

var f=obj.fn;
f();
console.log(this);.//window{  ..}
console.log(this.age);//undefined

场景3：函数被call或者apply调用，this的值为传入的对象的值

var obj={
	age:20
}
var fn=function(){
		console.log(this);//Object {age:20}
		console.log(this.age);//20
	}
}
fn.call(obj);

场景4：全局和调用普通函数
1 全局环境下，this始终是window
2 普通调用时，this也是window

var y=20;
var func=function(){
   console.log(this);//window
   console.log(this.y);//20
}

func();

特殊情况：

var func={
	age:20,
	fn:function(){
		function f(){
			console.log(this);//window
			console.log(this.x)//undefined
		}
		f();
	}
}

func.fn();//本质上还是调用一个普通函数，所以this是widow