>[success] # 箭頭函數 ~~~ 1.es6 新增了箭頭函數用來消除'this'在函數指向問題， 箭頭函數的'this' 指向是由最外層最近的一層非箭頭函數， 決定的 ~~~ >[danger] ##### 箭頭函數特點 ~~~ 1."沒有'this'、'super'、'arguments'、'new.target'綁定"，這 些值都是由他們最外一層的非箭頭函數決定的 2."不能通過new 關鍵字調用"，箭頭函數沒有'[[Construct]]'方法 ，所以不能用作構造函數 3."沒有原型",因為不能new 所以不能構造原型，因此就沒有'prototype' 4."不可以改變this的綁定"，函數中的'this'值是不可以改變的，在函數生命 周期中始終一致的 5."不支持arguments對象"，箭頭函數中沒有'arguments'綁定，所以只能 使用'命名參數'和'不定參數' 6."不支持重復命名參數"，箭頭函數無論在嚴格模式還是非嚴格模式都不支持， 重復命名參數，傳統函數只有在嚴格模式不支持 ~~~ >[info] ## 箭頭函數的書寫方式 ~~~ 1.箭頭函數省略函數體'{}'就相當于直接return 2.當一個參數時候可以不用寫'()' 3.如果想通過簡寫的方式返回一個對象的字面量，需要用'()'包裹住 4.如果不想玩的花里胡哨，普通函數怎么寫箭頭函數就怎么寫里面的 函數體 ~~~ >[danger] ##### 只有一個參數時候和當沒有函數體'{}'的時候 ~~~ 1.當只有一個參數的時候，可以省略'()',當省略函數體'{}'相當于 直接'return' ~~~ * 案例 ~~~ const test = value => value console.log(test('wang')) // wang ~~~ >[danger] ##### 沒有參數的時候需要帶'()' ~~~ 1.當函數不需要參數的時候需要寫'()' ~~~ ~~~ const test = () =>{ return 1+1} console.log(test()) // 2 ~~~ >[danger] ##### 想同過簡寫方式返回對象的字面量 ~~~ 1.想通過簡寫的方式返回對象的字面，直接用'()'包住字面量對象 ~~~ ~~~ const test = () =>({id:'1'}) console.log(test()) // {id:'1'} ~~~ >[info] ## 箭頭函數的立即執行函數 ~~~ 1.箭頭函數和普通函數，在立即執行上寫法略有區別，箭頭函數需要把整個 函數用'()'包裹住，在調用 ~~~ ~~~ // 箭頭函數立即執行 const test = (() =>{return {id:'1'}})() // 普通函數的立即執行 const test1 = function () { return {id:"1"} }() console.log(test) // {id:"1"} console.log(test1) // {id:"1"} ~~~