- 全局環(huán)境里this指向window
- this指向要在執(zhí)行時確定(箭頭函數(shù)除外)
四種運(yùn)用場景:
- call apply bind
- 作為構(gòu)造函數(shù)執(zhí)行
- 作為普通函數(shù)執(zhí)行（函數(shù)中this默認(rèn)指向函數(shù)的調(diào)用者冀瓦，全局是window）
- 作為對象屬性執(zhí)行
在window環(huán)境下調(diào)用函數(shù)车柠，函數(shù)中的this也指向window，node里指向global,嚴(yán)格模式下為undefined
<script type="text/javascript">
foo = "bar";
function test() {
this.fun = "fun";
}
console.log(this.fun); //logs "bar"
test();
console.log(this.fun); //logs "fun"
</script>
<script type="text/javascript">
foo = "bar";
function test() {
this.foo = "foo";
}
console.log(this.foo); //logs "bar"
new test();
console.log(this.foo); //logs "bar"
console.log(new test().foo); //logs "foo"
</script>
函數(shù)里面的this其實(shí)相對比較好理解，如果我們在一個函數(shù)里面使用this瓮床，需要注意的就是我們調(diào)用函數(shù)的方式，如果是正常的方式調(diào)用函數(shù)泉唁，this指代全局的this捂龄，如果我們加一個new，這個函數(shù)就變成了一個構(gòu)造函數(shù)涝婉，我們就創(chuàng)建了一個實(shí)例哥力，this指代這個實(shí)例，這個和其他面向?qū)ο蟮恼Z言很像墩弯。另外吩跋，寫JavaScript很常做的一件事就是綁定事件處理程序，也就是諸如button.addEventListener(‘click’, fn,false)之類的渔工，如果在fn里面需要使用this锌钮，this指代事件處理程序?qū)?yīng)的對象，也就是button引矩。
（3）this的指向是由它所在函數(shù)被調(diào)用時的上下文決定的
（4）閉包相愛相殺系列
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()());
解釋：打印出的結(jié)果是全局的The Window, 在調(diào)用object.getNameFunc()時就將匿名函數(shù)作為返回值返回到window,再進(jìn)行執(zhí)行梁丘，也就如同一般函數(shù)的執(zhí)行，this也就指向window
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
var that = this;
return function(){
return that.name;
};
}
};
alert(object.getNameFunc()());
引用自阮一峰老師博客
（5）對象中的函數(shù)嵌套中的this指向
var food = {
desc:function(){
var _this = this;
console.log(this === food);
setTimeout(function(){
console.log(_this === food);
},100)
}
}
food.desc(); //嵌套后函數(shù)中this指向window
var food = {
desc:function(){
//var _this = this;
console.log(this);
setTimeout(function(){
console.log(this);
}.bind(this),100)
}
}
food.desc();
使用保存this變量與綁定bind來防止this丟失
（6）構(gòu)造函數(shù)的prototype中,this的指向
在整個原型鏈中旺韭，this指向的都是當(dāng)前的構(gòu)造函數(shù)實(shí)例
image.png
