ES6箭頭函數的引入，使函數的寫法變的更加簡潔。 箭頭函數沒有自己的this，arguments，super或new.target。箭頭函數表達式更適用于那些本來需要匿名函數的地方，并且它不能用作構造函數。

普通函數的書寫

function test(zjcopy) { //聲明式寫法 console.log(zjcopy) } test('hello')

或者

let test2 = function(zjcopy) { //賦值式寫法 console.log(zjcopy) } test2('Good')

箭頭函數的書寫 ()=>{}

const test = (zjcopy) => { console.log(zjcopy) } test('hello')

箭頭函數簡寫規則：

（1）箭頭函數只能用賦值式寫法，不能用聲明式寫法
（2）如果參數只有一個，可以不加括號，如果沒有參數或者參數多于一個就需要加括號

（3）如果函數體只有一句話，可以省略函數體大括號
（4）箭頭函數返回對象時，省略大括號，用小括號括起來。

（5）如果函數體只有一句話，并且這一句話是return 返回值 那return也要省略

const add1=function(p1,p2){ return p1 + p2; } add1(3, 4) const add2 = (p1, p2) =>p1 + p2 add2(10, 25)

（6）如果函數不是一句話,不能省略這個大括號

const add1=function(p1,p2){ console.log(p1); //3 return p1 + p2; //7 } add1(3, 4) const add2 = (p1, p2) =>{ console.log(p2); //25 return p1 + p2; //35 } add2(10, 25)

總結

以上是生活随笔為你收集整理的JS中箭头函数写法及5种简写规则的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。