var age=50;
var obj={
uname:'李明',
age:20,
sing:()=>{
console.log(this); //为什么是window呢
console.log(this.age); //为什么是50呢
}
};
obj.sing();
var obj1={
uname:'李明',
age:20,
sing:function(){
console.log(this); //为什么是obj1呢
console.log(this.age); //为什么是20呢
}
};
obj1.sing();
箭头函数会捕获this,即定义它的上下文中的 this。 一个简单的判断方法是,把箭头函数替换成 this,这个 this 所引用的值会被捕获。
比如 const a = { b : ()=>{console.log(this)} }
中箭头函数内的 this 与 const a = { b: this }
中 this 的值相同。
而 const a = { b: this }
这个语句不产生新的作用域,那么它的 this 与其前后语句的 this 一致,
即 const that = this; const a = { b: this }; const that2 = this
中三个 this 值是一样的。
箭头函数的this是在定义函数时绑定的,不是在执行过程中绑定的。简单的说,函数在定义时,this就继承了定义函数的对象。
箭头函数的this就是直接是obj={name:this.age}这种写法,如果加了function就是指向了function的外层obj1