ES6之認識和使用箭頭函式

箭頭函式是es6推出的更為簡潔、方便的函式書寫語法，通常用於建立無需復用的匿名函式的情況。

- 箭頭函式書寫形式

以前，我們寫函式會這樣：

const
hello
=function()

而有了es6的箭頭函式後，可以這樣寫：

const
hello=(
)=>

如果函式內沒有過多操作，只有簡單的return語句，那麼箭頭函式允許去除花括號和return關鍵字：

const
hello=(
)=>
"jsxj"

函式變成簡單的單行語句，它也會自動識別返回相應的內容。如果需要傳遞單個或多個引數，也是和以往一樣：

const
hello
=(name)
=>
"hi,"
+name

- 書寫高階箭頭函式

假如乙個函式需要傳遞的引數是函式而不是變數，以前我們習慣：

var studentids = students.
map(
function
(student));
//或者
var studentids = students.
map(
getid
(student));
vargetid
=function
(s)

很麻煩也很難看，但箭頭函式可以語句式完成整個高階函式的編寫：

var studentids = students.
map(
(student)
=> student.id)
;

- 函式傳入預設引數

es6同意我們直接在函式內傳遞預設引數，來成就更加靈活：

function
hello
(name =
"jsxj"
)console.
log(
hello
("job"))
;// hello job
console.
log(
hello()
);// hello jsxj

ES6之箭頭函式使用

箭頭函式在es6的標準中被引入，可用於替代傳統定義函式的寫法，一般用在函式本身量較少，且處理邏輯簡單的場景，此時可以用箭頭函式替代掉原有函式的寫法。但是如果函式的量較大以及處理邏輯較為複雜的時候還是使用傳統的函式定義方法。編寫乙個立即執行的函式,傳統定義方式 function 使用箭頭函式函式...

ES6之箭頭函式

一基本用法 es6 允許使用箭頭定義函式。var f 5 等同於 var f function var sum num1,num2 num1 num2 等同於 var sum function num1,num2 如果箭頭函式的塊部分多於一條語句，就要使用大括號將它們括起來，並且使用retu...

es6箭頭函式

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

ES6之認識和使用箭頭函式

ES6之箭頭函式使用

ES6之箭頭函式

es6箭頭函式

相關推薦