本質(zhì)上
- 是一個函數(shù)此叠，是function
- 是一個被編譯層加工過的函數(shù)
- 用 babel 編譯一下箭頭函數(shù)看看，如下
//es6
const a = ()=>{ console.log(this) };
const b = ()=>{ console.log(arguments) }
function aaa(){
const c = ()=>{ console.log(this) };
c();
}
aaa();
function bbb(){
const c = ()=>{ console.log(arguments) };
c();
}
bbb()
//編譯后
var a = function a() {
console.log(undefined);
};
var _arguments = arguments;
var b = function b() {
console.log(_arguments);
};
function aaa() {
var _this = this;
var c = function c() {
console.log(_this);
};
c();
}
aaa();
function bbb() {
var _arguments2 = arguments;
var c = function c() {
console.log(_arguments2);
};
c();
}
bbb();
特性解密
- 內(nèi)部沒有 this制肮，也沒有 arguments
==this==
- 單獨(dú)調(diào)用時(shí)湾笛，內(nèi)部沒有 this俯树，因?yàn)樵诰幾g時(shí)被替換成了 undefined
- 但是，如果其外層存在 this（一個普通函數(shù)）畜挨，那么編譯時(shí)會將外層的 this 傳入箭頭函數(shù)內(nèi)部筒繁，使其“具有了” this
==arguments==
- 其內(nèi)部的 arguments 和 this 的表現(xiàn)略有不同。不管是否單獨(dú)調(diào)用箭頭函數(shù)巴元，arguments 都來自于外部傳入毡咏，使其“具有了” arguments
==柯里化==
- 實(shí)際上這種調(diào)用方式，就是柯里化一個函數(shù)的一種實(shí)現(xiàn)方式（或者語法糖)
//es6
const sum = num1 => num2 => num3 => num1 + num2 + num3;
//編譯后
var sum = function sum(num1) {
return function (num2) {
return function (num3) {
return num1 + num2 + num3;
};
};
};
不適合用箭頭函數(shù)的情形
- 在對象上定義函數(shù)
- 在原型上定義函數(shù)
- 動態(tài)上下文中的回調(diào)函數(shù)逮刨，比如 dom 點(diǎn)擊事件回調(diào)
- 太過復(fù)雜的函數(shù)
相關(guān)文章
箭頭函數(shù)沒有綁定this
