一、關於箭頭函式的基本使用
//以前的寫法
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,...