02函式 04 箭頭函式(ES6)

2022-01-30 22:49:31 字數 959 閱讀 7676

es6新增的函式:arrow function,定義方式就是乙個箭頭

箭頭函式相當於匿名函式,並且簡化了函式定義,和匿名函式最大的區別在於其內部的this不再「亂跑」,而是由上下文確定

x => x * x 

//相當於

function (x)

6

x

=>x*

x

//相當於

function (x)

x => 

else

}

8

x

=>

else

}

// 兩個引數:

(x, y) => x * x + y * y

// 無引數:

() => 3.14

// 可變引數:

(x, y, ...rest) =>

return

sum;

}

注意:如果要返回乙個物件,如果是但表示式,需要增加括號,因為物件的函式體和語法有衝突:

// syntaxerror:

x =>

// ok:

x => ()

x

// syntaxerror:

x

=>

// ok:

x

=> ()

其他備註參考鏈結

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