ES6 箭頭函式

解決的問題

1.縮減**2.改變this指向

1.縮減**

es5

const double = function(number)
es6const double = (number) => number * 2

2.改變this指向

es5

const team1 = 隸屬於$小組`
})} 
}console.log(team1.teamsummary()) // ['henry隸屬於undefined小組', 'elyse隸屬於undefined小組']
分析：因為map方法中會改變this的指向，this不知道該指向誰
es5const team2 = 隸屬於$小組`
}, bind(this))
} }console.log(team2.teamsummary()) // ['henry隸屬於es6小組', 'elyse隸屬於es6小組']
分析：bind可以將父級this的指向到map中
es5const team3 = 隸屬於$小組`
})} 
}console.log(team3.teamsummary()) // ['henry隸屬於es6小組', 'elyse隸屬於es6小組']
分析：將父級this賦值到that變數，在map中用that就相當於用this
es6const team4 = 隸屬於$小組`
})}}
console.log(team4.teamsummary()) // ['henry隸屬於es6小組', 'elyse隸屬於es6小組']
分析： map中this的指向，是指向map函式父級的this

建議將以上**在編輯器中執行檢視，可以記憶比較深刻

es6箭頭函式

本例是在了解es6知識後在原來定義函式的基礎上進行理解var searchvalue 查詢匹配物件 var button var input var select button if searchvalue.input undefined button.click else 重新整理 tableli...

es6 箭頭函式

1.單引數 function cheng a 3 let cheng a 3 a a console.log cheng 9 2.多引數 function add a,b let add a,b a b 預設返回值 console.log add 3,9 3.無返回值 function add a,...

ES6 箭頭函式

es6 中，箭頭函式就是函式的一種簡寫形式，使用括號包裹數，跟隨乙個 緊接著是函式體 var getprice function 箭頭函式 var getprice 9.15 箭頭函式不僅僅是讓 變得簡潔，函式中 this 總是繫結總shi 指向物件自身 function person 1000 使...