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

普通函數(shù)的書寫

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

或者

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

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

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

箭頭函數(shù)簡寫規(guī)則：

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

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

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

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

（6）如果函數(shù)不是一句話,不能省略這個(gè)大括號

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)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。