普通函数this的理解:
var c=11
function test1(){
this.c=22;
let d=function(){
console.log(this.c);
};
d();
}
var x=new test1();//输出11
this没调用默认指向window。
-
var x=11;
-
var obj={
-
x:22,
-
say:function(){
-
console.log(this.x)
-
-
}
-
-
}
-
obj.say();
-
//console.log输出的是22
-
普通函数谁调用函数this就指向谁。
-
var b=11; var obj={ b:22, say:()=>{ console.log(this.b); } } obj.say();//输出的值为11
所谓的定义时候绑定,就是this是继承自父执行上下文!!中的this,比如这里的箭头函数中的this.x,箭头函数本身与say平级以key:value的形式,也就是箭头函数本身所在的对象为obj,而obj的父执行上下文就是window,因此这里的this.x实际上表示的是window.x,因此输出的是11。(this只有在函数被调用,或者通过构造函数new Object()的形式才会有this)
-
var a=11;
-
function test2(){
-
this.a=22;
-
let b=()=>{console.log(this.a)}
-
b();
-
-
}
-
var x=new test2();
-
个人理解:ES6中定义的时候绑定this的具体含义,应该继承的是父执行上下文里面的this,切忌是父执行上下文!!!这样就很多箭头函数中的指向不明确就迎刃而解了。
注意:简单对象(非函数)是没有执行上下文的!
箭头函数中,this指向的固定化,并不是因为箭头函数内部有绑定this的机制,实际原因是箭头函数根本没有自己的this,导致内部的this就是外层代码块的this。正是因为它没有this,所以也就不能用作构造函数。