ES6箭頭函式

2022-07-15 07:00:26 字數 678 閱讀 6567

近期使用箭頭函式的過程中,偶爾有些混亂,故在此記錄一下。

基本語法:

引數 => 函式體

基本用法:

var f = v => v;   等價於  var f = function(a)

1. var f = (a,b) => a+b; //含有多個引數,引數區域用()括起來。

2. var f = () => console.log('hello world!') //沒有引數,引數區域用()括起來。

3. var f = (a,b) => 包裹起來。

let result = a+b;

return result;

}4. var f = v => v; //函式體只有一行語句,並且需要返回結果,可以省略{}.

5. var f = (id,name) => //返回物件,物件需要用()包裹起來。

複雜例子:

const logger = store => next => action =>

等價於function logger(store)

} }

note:箭頭函式沒有this、super、arguments和new.target繫結

var func = () =>

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