ES6中箭頭函數(shù)是什么

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

箭頭函數(shù)

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

    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

箭頭函數(shù)適合嵌入函數(shù)

    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]

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

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

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

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

如果沒有參數(shù)，則圓括號必須加

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

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

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

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

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

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

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