js 的胖箭頭問題

標籤：沒有   傳說   timeout   函數   not   self   foo   解決   定時   

我們在聲明函數的時候通常是

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 中解決了？沒有 ，在strict 模式下，這些都不是問題，但是在非strict 模式下是會輸出Hit的

js 的胖箭頭問題