js 的胖箭头问题

Posted 2020-09-05 希望是附丽于存在的，有存在便有希望，有希望便是光明!

我们在声明函数的时候通常是

var foo function(a){

console.log(a) 

};

用ES6 我们写成了这样

var foo = a =>{

　　console.log(a);

};

foo(2);

只是少些了function字段哪些冗余的东西吗

首先看下下面的代码：

var obj={

　　id:"LOVE"

　　love:functionLove(){

　　console.log(this.id);

　　}

};

var id = "HIT"

obj.love(); //LOVE

setTimeout(obj.love,100); // LOVE

都是LOVE ，没什么毛病吧，本应该是setTimeout(obj.love,100);输入HIT

按照分析，love 函数丢失了同this 之间的绑定,应该是HIT this 应该是window 最常用的是var self = this;来处理下this：

var obj = {
        id: "not LOVE",
        love: function() {
            var self = this
            console.log(this.id);
        }};
var id = "not HIT"
obj.love()
setTimeout(obj.love(), 1000);

哦 传说中的胖尖头this绑定时的行为和普通函数的行为完全不一致，难道是在es5 中解决了？没有 ，在严格模式下，这些都不是问题，但是在非严格模式下是会输出Hit的