資訊專欄INFORMATION COLUMN
摘要：箭頭函數(shù)是前端面試環(huán)節(jié)的一個高頻考點，一般會問箭頭函數(shù)的是指如何用普通函數(shù)實現(xiàn)一個箭頭函數(shù)箭頭函數(shù)有哪些優(yōu)點帶著這些問題，小編帶各位上路吧箭頭函數(shù)與普通函數(shù)得區(qū)別普通函數(shù)函數(shù)作為全局函數(shù)被調(diào)用時，指向全局對象函數(shù)作為對象中的方法被調(diào)用時，指
箭頭函數(shù)是前端面試環(huán)節(jié)的一個高頻考點，一般會問
1、箭頭函數(shù)的this是指？
2、如何用普通函數(shù)實現(xiàn)一個箭頭函數(shù)
3、箭頭函數(shù)有哪些優(yōu)點
箭頭函數(shù)與普通函數(shù)得區(qū)別
普通函數(shù)：
1、函數(shù)作為全局函數(shù)被調(diào)用時，this指向全局對象
2、函數(shù)作為對象中的方法被調(diào)用時，this指向該對象
3、函數(shù)作為構(gòu)造函數(shù)的時候，this指向構(gòu)造函數(shù)new出來的新對象
箭頭函數(shù)
1、箭頭函數(shù)沒有this，函數(shù)內(nèi)部的this來自于父級最近的非箭頭函數(shù)，并且不能改變this的指向
普通函數(shù)還可以通過bind改變this的指向
箭頭函數(shù)示例1.this指向
var a = "全局變量a";
var obj={
a:"局部變量a",
fn1:function(){
console.log(this.a);
},
fn2:()=>{
console.log(this.a);
}
}
obj.fn1();
obj.fn2();
輸出結(jié)果為：
局部變量a 全局變量a
普通函數(shù)的this我們知道是指向最近的一個對象，而箭頭函數(shù)的this實際上是指向定義時的this，比如把上面代碼改為：
var obj={
a:"局部變量a",
fn1:function(){
console.log(this.a);
},
fn2:()=>{
console.log(this.a);
}
}
obj.fn1();
obj.fn2();
輸出結(jié)果為：
局部變量a undefined
此時因為箭頭函數(shù)是指向全局的，全局沒有變量a則輸出undefined,這里的fn1和fn2都是全局函數(shù)，所以箭頭函數(shù)this指向的是定義時的全局，而普通函數(shù)的this指向的是最近的一個對象
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/105777.html
摘要：第二種情況是箭頭函數(shù)的如果指向普通函數(shù)它的繼承于該普通函數(shù)。箭頭函數(shù)的指向全局，使用會報未聲明的錯誤。 showImg(https://segmentfault.com/img/remote/1460000018610072?w=600&h=400); 箭頭函數(shù)是ES6的API，相信很多人都知道，因為其語法上相對于普通函數(shù)更簡潔，深受大家的喜愛。就是這種我們?nèi)粘ｉ_發(fā)中一直在使用的API...
摘要：但是因為箭頭函數(shù)沒有自己的，它的其實是繼承了外層執(zhí)行環(huán)境中的，且指向永遠(yuǎn)不會隨在哪里調(diào)用被誰調(diào)用而改變，所以箭頭函數(shù)不能作為構(gòu)造函數(shù)使用，或者說構(gòu)造函數(shù)不能定義成箭頭函數(shù)，否則用調(diào)用時會報錯報錯箭頭函數(shù)沒有自己的箭頭函數(shù)沒有自己的對象。 這篇文章我們來了解一下ES6中的箭頭函數(shù)。首先會介紹一下箭頭函數(shù)的基本語法，因為基本語法比較好理解，我們用示例做簡單介紹即可。之后，我們重點來討論一下...
摘要：將構(gòu)造函數(shù)的作用域賦值給新對象。也所以對象指向新對象執(zhí)行構(gòu)造函數(shù)內(nèi)部的代碼，將屬性添加給中的對象。通常的解決方案是判斷是否是構(gòu)造函數(shù)的實例，若是則繼續(xù)執(zhí)行，若不是則進(jìn)行的操作。代碼如下在構(gòu)造函數(shù)參數(shù)個數(shù)固定的情況下這種方案是可行的。 首先，一般的都是介紹自己，主要是項目經(jīng)歷 問題1：jQuery與Vue的區(qū)別是什么？ JQuery和Vue的主要區(qū)別是JQuery主要是通過選擇器來選取D...
摘要：上一章我們學(xué)習(xí)了遍歷和擴展字符語法。本章我們主要學(xué)習(xí)中的箭頭函數(shù)箭頭函數(shù)更準(zhǔn)確來說叫箭頭函數(shù)表達(dá)式。箭頭函數(shù)余普通函數(shù)功能相同，但語法差別比較大。 帶你入門 JavaScript ES6 (三) 本文同步帶你入門 JavaScript ES6 (三)，轉(zhuǎn)載請注明出處。 上一章我們學(xué)習(xí)了 for of 遍歷和擴展字符語法。本章我們主要學(xué)習(xí) ES6 中的箭頭函數(shù) 箭頭函數(shù) 更準(zhǔn)確來說叫 箭...
閱讀 1437·2021-11-25 09:43
閱讀 2580·2021-09-24 10:30
閱讀 3659·2021-09-06 15:02
閱讀 3593·2019-08-30 15:55
閱讀 3300·2019-08-30 15:53
閱讀 1693·2019-08-30 15:52
閱讀 2142·2019-08-30 14:21
閱讀 2010·2019-08-30 13:55
