关于this的解读

this的指向问题

主要思路：this的指向是在函数调用时确定的。也就是执行上下文被创建时确定的。

var name = "jay";
var person = {
    name: "kang",
    pro: {
        name: "Michael",
        getName: function() {
            return this.name;
        }
    }
};
console.log(person.pro.getName());  //'Michael'
var pepole = person.pro.getName;
console.log(pepole());  //'jay'
//解题思路：
//(1)person.pro.getName()中，getName是调用者，他不是独立调用，
被对象person.pro所拥有，因此它的this指向了person.pro。
(2)而pepole()作为调用者，尽管他与person.pro.getName的引用相同，
但是它是独立调用的，因此this指向undefined，在非严格模式，自动转向全局window。

箭头函数中的this 

总结： 箭头函数是没有this的，他的this继承来的，默认指向宿主对象，而不是执行他的对象 ；⚠️注意

let people = {
    name : 'judy',
    getName(){
        console.log(this.name)
    },
    getName2 : () => console.log(this.name)
}

people.getName(); // 'judy' this指向调用他的对象people
people.getName2() ; // 'undefined' this指向widow

setTimeout()中的this的问题

var people = {
        name : "judy", 
        getName(){
            setTimeout(
               function(){console.log(this.name);},
               1000
           );
        }
    };
obj.getName();// 'undefined '

定时器中的函数,setTimeout中的function未被任何对象调用，它的this指向默认是window对象，自然输出undefined。

var people = {
        name : "judy", 
        getName(){
            setTimeout(
               () => {console.log(this.name);},
               1000
           );
        }
    };
obj.getName();//'judy' //setTime中的this指向定义它的对象people

setTimeout箭头函数的this指的是定义它的对象，所以this指向的是people对象，所以people.a确实应该输出'judy'。