&1.this指向window
function apple(){
console.log(this);//window
}
apple();
&2.this指向实例化对象p1,p2;
function Person(age,name){
this.age = age;
this.name = name;
console.log(this)//Person
}
var p1=new Person(18,"dzj");
var p2 = new Person(20,"dfj");
&3.this指向该方法所属的对象
var obj = {
fn:function(){
console.log(this)//obj
}
}
obj.fn();
&4.通过事件绑定的方法， 此时 this 指向 绑定事件的对象
<button id="btn">点击</button>
<script>
var myObtn=document.getElementById("btn");
myObtn.onClick = function(){
console.log(this)//<button id="btn">点击</button>
}
</script>
&5.定时器函数，此时this指向window
setInterval(function () {
console.log(this)
},2000)
*********************更改this指向的方法***********************
&6.call()让this不指向window,指向Person
var Person={
name:"dzj",
like:"韩剧TV"
};
function demo(a,b){
console.log(a,b)//李易峰 真帅气
console.log(this);//{name:"dzj",like:"韩剧TV"}
//不用call()方法，this指向window;用call()方法，this指向Person;
}
demo.call(Person,"李易峰","真帅气")
&7.apply() 与call（）非常相似，不同之处在于提供参数的方式，apply（）使用参数数组，而不是参数列表
var Person={
name:"dzj",
like:"韩剧TV"
};
function demo(a,b){
console.log(a,b)//4 5
console.log(this);//{name:"dzj",like:"韩剧TV"}
//不用apply()方法，this指向window;用apply()方法，this指向Person;
}
demo.apply(Person,[4,5])