ES6的箭頭函式

2021-09-24 06:31:24 字數 784 閱讀 8391

es6新增了箭頭函式

表示式模式:

es6

odds  = evens.map(v => v + 1)

pairs = evens.map(v => ())

nums = evens.map((v, i) => v + i)

複製**

es5

odds  = evens.map(function (v) );

pairs = evens.map(function (v) ; });

nums = evens.map(function (v, i) );

複製**

這種模式=>後跟的是乙個表示式,也就是函式的返回值。

宣告體模式:

es6

nums.foreach(v => )

複製**

es5

nums.foreach(function (v) );

複製**

這種模式=>後跟的是塊級宣告{},裡面是函式體。

還有一點不同是this的指向,在箭頭函式裡this是指向其上級函式裡的this,例如:

es6

this.nums.foreach((v) => )

複製**

es5

var self = this;

this.nums.foreach(function (v) );

複製**

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