es6箭頭函式

2022-05-14 20:52:08 字數 606 閱讀 3604

箭頭函式用 => 符號來定義。

箭頭函式相當於匿名函式,所以採用函式表示式的寫法。

左邊是傳入函式的引數,右邊是函式中執行的語句。

相當於上面是完整的寫法,左邊小括號,右邊大括號,而下面的情況可以簡寫:

(1)當要執行的**塊只有一條return語句時,可省略大括號和return關鍵字:

(2)當傳入的引數只有乙個時,可以省略小括號:

相當於(3)當不需要引數時,使用空的圓括號:

相當於

箭頭函式在**函式中是很簡潔的,像這樣:

在排序中:

需要注意的是, 箭頭函式沒有自己的this、arguments、super、new.target,它們分別指向外層函式的相應變數。

以前在es5中使用this有點麻煩,這種問題很常見:

這就需要在巢狀函式外層使用that = this,然後內層使用that,就是下面這樣子:

但是現在有了箭頭函式,不再需要使用that = this或 _this = this 這種**啦,因為箭頭函式中的this直接就是外層函式中的this,**更簡單了:

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