ES6箭頭函式詳解

2021-10-02 09:12:44 字數 1001 閱讀 4530

箭頭函式能使**更加簡潔`

箭頭函式不用return會隱式返回

let

hello

=function()

lethello2=(

)=>console.

log(

"hello world"

)//箭頭函式

首先我們來看乙個函式

let

sum=

function

(a,b)

使用盤箭頭函式第一步先把function去掉在()後面加=> 箭頭

let

sum=

(a,b)

=>

這時候可以看出來已經比原本的簡潔了許多但是這還是不最簡

當只有個語句{}大括號可以省略

let

sum=

(a,b)

=>

return a+b;

最後 箭頭函式不用return 所以最簡的樣子是這樣的

let

sum=

(a,b)

=>a+b;

來對比一下 兩種方式

let

sum=

function

(a,b)

letsum

=(a,b)

=>a+b;

注意{}可以省略的條件

如果{}大括號只有當箭頭函式體內只乙個語句才可以省略

例如

let

sum=

(a,b)

=>

不可以省略

}}

當形參只有乙個的時候也可以省略()

let

sum=a=>

不可以省略

}}

es6箭頭函式

本例是在了解es6知識後在原來定義函式的基礎上進行理解var searchvalue 查詢匹配物件 var button var input var select button if searchvalue.input undefined button.click else 重新整理 tableli...

es6 箭頭函式

1.單引數 function cheng a 3 let cheng a 3 a a console.log cheng 9 2.多引數 function add a,b let add a,b a b 預設返回值 console.log add 3,9 3.無返回值 function add a,...

ES6 箭頭函式

es6 中,箭頭函式就是函式的一種簡寫形式,使用括號包裹數,跟隨乙個 緊接著是函式體 var getprice function 箭頭函式 var getprice 9.15 箭頭函式不僅僅是讓 變得簡潔,函式中 this 總是繫結總shi 指向物件自身 function person 1000 使...