let obj = {
nickname: 'simba',
introduceSelf() {
console.log(`你好我叫${this.nickname}`);
return function () {
console.log(`早上好,我叫${this.nickname}`);
}
}
}
let res = obj.introduceSelf()
res()
这段代码中定义了一个obj对象,对象里面又定义了两个方法。首先执行obj.inroduceSelf()后调用introduceSelf()方法打印你好我叫simba,此时的this指向它的调用者也就是obj,obj里有一个nickname属性值为simba,因此this.nickname就为simba。然后再将返回值给res,此时返回的是一个function函数,所以res=function(),然后执行res()就是执行function(),打印早上好,我叫this.nickname,此时要注意的是,这边的this指向它的调用者,但是现在没有人调res(),因此这边的this就指向window,而window中并没有nickname这个属性,所以this.nickname就为undefined,所以最后的执行结果为
let obj = {
nickname: 'ACE',
sayHi() {
// console.log(this);
console.log(this.nickname + ':hi');
}
}
let obj2222 = {
nickname: 'ace',
sayHi: () => {
console.log(this);
//箭头函数中没有自己的this和arguments,其中this指向window
console.log(this.nickname + ':hi');
}
}
obj.sayHi()
obj2222.sayHi()
执行obj.sayHi(),调用obj对象里面的sayHi方法,此时的this。nickname指向调用者的nickname也就是obj的nickname,所以结果为
执行obj222.sayHi()时,调用obj222里面的sayHi方法,但是这里的sayHi方法是一个箭头函数的形式,箭头函数没有自己的this和arguments,所以这里的this就会指向window,由于window中没有nickname这个属性,所以this.nickname为未定义undefined,打印结果为
pis:谁调用函数,函数中的this就指向谁,如果没有人调用,则函数中的this就指向window