ES6中箭頭函數是什么

這篇文章主要介紹ES6中箭頭函數是什么，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

箭頭函數

ES6新增了使用箭頭語法定義語法函數表達式的能力。很大程度上，箭頭函數實例化的函數對象與正式的函數表達式創建的函數對象行為是相同的。任何時候使用函數表達式的地方，都可以使用箭頭函數

    let fn = (a, b) => {
        return a + b    }

    let fun = function (a, b) {
        return a + b    }

    console.log(fn(1, 2))   // 3
    console.log(fun(1, 2))  // 3

箭頭函數適合嵌入函數

    let arr = [1, 2, 3, 4];
    console.log(
        arr.map(function (item) {
            return item + 1
        })
    )   // [2,3,4,5]

    console.log(
        arr.map((item) => {
            return item + 1
        })
    )   // [2,3,4,5]

箭頭函數如果只有一個參數，可以省略括號

    let a = (i) => {
        console.log(i)
    }
    // 當前箭頭函數只有一個參數，所以可以省略括號變成以下寫法，
    let a = i => {
        console.log(i)
    }

箭頭函數如果有多個參數，中間用，逗號隔開

    // 如果有多個參數，中間用逗號隔開
    let a = (i, j, k) => {
        console.log(i, j, k)
    }

如果沒有參數，則圓括號必須加

    // 如果沒有參數，則圓括號必須加
    let a = () => {
        console.log("箭頭函數沒有參數")
    }

箭頭函數也可以省略掉花括號，但這樣會改變函數的行為，使用花括號就跟常規函數一樣，可以在函數體內寫入多條語句，如果不帶花括號，那么就說明箭頭后面只有一條語句，且隱式的返回這條語句的值

    let a = () => {
        console.log("我是帶花括號的箭頭函數")
        console.log("我是帶花括號的箭頭函數")
        console.log("我是帶花括號的箭頭函數")
    }

    let a = () => console.log("我是不帶花括號的箭頭函數")

    let b = i => i + 1
    console.log(b(1))   // 這個時候箭頭函數隱式的返回了i+1的值，所以打印結果為2

雖然箭頭函數的語法簡潔，但是還是有很多場景不適合用，箭頭函數不能用arguments、super和target，也不能用作構造函數，箭頭函數也沒有prototype屬性。

以上是“ES6中箭頭函數是什么”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！