ES6標準之箭頭函式

2022-03-10 23:52:53 字數 1034 閱讀 6367

具有乙個引數的簡單函式

var single = a =>a

single('hello, world') //

'hello, world'

沒有引數的需要用在箭頭前加上小括號

var log = () =>

多個引數需要用到小括號,引數間逗號間隔,例如兩個數字相加

var add = (a, b) => a +b

add(3, 8) //

11

函式體多條語句需要用到大括號

var add = (a, b) => 

else

}

返回物件時需要用小括號包起來,因為大括號被占用解釋為**塊了

var gethash = arr =>)

}

直接作為事件handler

document.addeventlistener('click', ev =>)

作為陣列排序**

var arr = [1, 9 , 2, 4, 3, 8].sort((a, b) => 

else

})arr

//[1, 2, 3, 4, 8, 9]

arguments:普通函式裡arguments代表了呼叫時傳入的引數,但是箭頭函式不然,箭頭函式會把arguments當成乙個普通的變數,順著作用域鏈由內而外地查詢。

不能被new:箭頭函式不能與new關鍵字一起使用,會報錯。

typeof運算子和普通的function一樣:

var func = a =>a

console.log(

typeof func); //

"function"

instanceof也返回true,表明也是function的例項:

console.log(func instanceof function); //

true

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 箭頭函式

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,...