js中的this

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