ES6 箭頭函式理解

2021-09-26 11:15:23 字數 1085 閱讀 6359

一、關於箭頭函式的基本使用

//以前的寫法

const add = function (a, b)

//箭頭函式:將普通函式的`function`關鍵字刪掉, 在小括弧與大括弧中間加上1個箭頭`=>`,用法與普通函式一樣。

const sayhi = (a, b) =>

二、關於箭頭函式的引數:

如果引數只有乙個,那麼包圍引數的小括弧()可以省略,例:

const iseven = num => else 

}

如果引數有多個,將引數依次用逗號(,)分隔

let fun3 = (val1, val2, val3) => ;
三、關於箭頭函式的函式體:

const iseven = num => num % 2 == 0;

const res = iseven(10);

四、關於箭頭函式的this指向:

function foo() , 100);

}var id = 21;

foo.call();

// id: 42

五、關於普通函式和箭頭函式的區別:

箭頭函式沒有prototype(原型),所以箭頭函式本身沒有this。

箭頭函式的this在定義的時候繼承於外層第乙個普通函式的this。

如果箭頭函式外層沒有普通函式,嚴格模式和非嚴格模式下它的this指向window(全域性物件)。

箭頭函式本身的this指向不能改變,且this指向永遠不會隨在**呼叫、被誰呼叫而改變,但可以修改他要繼承的物件的this。

箭頭函式沒有自己的arguments物件。在箭頭函式中訪問arguments實際上獲得的是外層區域性(函式)執行環境中的值。

箭頭函式不能作為建構函式使用。

希望這篇文章能給你帶來好的理解~~(✪ω✪)

從 ES6 高階箭頭函式理解函式柯里化

前言 第一次看到多個連續箭頭函式是在乙個 react 專案中,然鵝確認了下眼神,並不是對的人,因為看得一臉懵逼。em.於是開始各種搜尋,先是知道了多個連續箭頭函式就是 es6 的多次柯里化的寫法,對於函式柯里化,很久以前就知道這個名次,但是並不理解,也沒有去了解。為了弄明白多個連續箭頭函式,開始了簡...

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