1.如何理解 JS 中的this關(guān)鍵字？

JS 初學(xué)者總是對this關(guān)鍵字感到困惑，因?yàn)榕c其他現(xiàn)代編程語言相比，JS 中的這this關(guān)鍵字有點(diǎn)棘手。 “this” 一般是表示當(dāng)前所在的對象，但是事情并沒有像它應(yīng)該的那樣發(fā)生。JS中的this關(guān)鍵字由函數(shù)的調(diào)用者決定，誰調(diào)用就this就指向哪個(gè)。如果找不到調(diào)用者，this將指向windows對象。

來幾個(gè)粟子

第一個(gè)例子很簡單。 調(diào)用test對象中的func()，因此func()中的'this'指向的是test對象，所以打印的prop是test中的prop，即42。

如果我們直接調(diào)用getFullname函數(shù)，第二個(gè)例子將打印出'David Jones'，因?yàn)榇藭r(shí) this 找不到調(diào)用者，所以默認(rèn)就為 window 對象，打印的 fullname 即是全局的。

2. 由于 this 關(guān)鍵字很混亂，如何解決這個(gè)問題

有很多方法可以解決這個(gè)問題; 但是，無論你選擇哪種解決方案，最重要的是要知道你決定讓 this指向哪個(gè)對象。

一旦你弄清楚了this指向的對象，你就可以直接將它改成對象名。 否則，使用bind，call，apply函數(shù)也可以解決問題。

3.什么是閉包

當(dāng)我第一次解釋閉包時(shí)，我常說函數(shù)中的函數(shù);但是，它沒有正確地描述閉包的確切含義。

閉包是在另一個(gè)作用域內(nèi)創(chuàng)建一個(gè)封閉的詞法范圍。它通常會自動返回來生成這個(gè)詞法環(huán)境。這個(gè)環(huán)境由創(chuàng)建閉包時(shí)在作用域內(nèi)的任何局部變量組成。它就像一個(gè)微型工廠，用這些原料生產(chǎn)出具有特定功能的產(chǎn)品。

閉包的另一個(gè)應(yīng)用是創(chuàng)建私有變量和方法。JavaScript不像Java那樣可以很好地支持oop。在JS中沒有明確的方法來創(chuàng)建私有方法，但是閉包可以私有方法。

4.解釋一下變量的提升

變量的提升是JavaScript的默認(rèn)行為，這意味著將所有變量聲明移動到當(dāng)前作用域的頂部，并且可以在聲明之前使用變量。初始化不會被提升，提升僅作用于變量的聲明。
 

5. JavaScript如何處理同步和異步情況

盡管JavaScript是一種只有一個(gè)調(diào)用堆棧的單線程編程語言，但它也可以使用一個(gè)稱為**事件循環(huán)(event loop)**的機(jī)制來處理一些異步函數(shù)。從基本級別了解JavaScript如何工作是理解JS如何處理異步的關(guān)鍵部分。

如圖所示，調(diào)用堆棧是定位函數(shù)的位置。一旦函數(shù)被調(diào)用，函數(shù)將被推入堆棧。然而，異步函數(shù)不會立即被推入調(diào)用堆棧，而是會被推入任務(wù)隊(duì)列(Task Queue)，并在調(diào)用堆棧為空后執(zhí)行。將事件從任務(wù)隊(duì)列傳輸?shù)秸{(diào)用堆棧稱為事件循環(huán)。

如果大家對于學(xué)習(xí)web前端有任何問題（學(xué)習(xí)方法，學(xué)習(xí)效率，如何就業(yè)），
可以隨時(shí)來咨詢我，這是我的web前端交流學(xué)習(xí)裙：前面是四八四，中間七五七，最后七六零，
多多交流問題，互幫互助，群里有學(xué)習(xí)教程和開發(fā)工具

6. 如何理解事件委托

在DOM樹上綁定事件監(jiān)聽器并使用JS事件處理程序是處理客戶端事件響應(yīng)的典型方法。 從理論上講，我們可以將監(jiān)聽器附加到HTML中的任何DOM元素，但由于事件委派，這樣做是浪費(fèi)而且沒必要的。

** 什么是事件委托？**

這是一種讓父元素上的事件監(jiān)聽器也影響子元素的技巧。 通常，事件傳播（捕獲和冒泡）允許我們實(shí)現(xiàn)事件委托。 冒泡意味著當(dāng)觸發(fā)子元素（目標(biāo)）時(shí)，也可以逐層觸發(fā)該子元素的父元素，直到它碰到DOM綁定的原始監(jiān)聽器（當(dāng)前目標(biāo)）。 捕獲屬性將事件階段轉(zhuǎn)換為捕獲階段，讓事件下移到元素; 因此，觸發(fā)方向與冒泡階段相反。 捕獲的默認(rèn)值為false。

7. 如何理解高階函數(shù)

JavaScript中的一切都是對象，包括函數(shù)。我們可以將變量作為參數(shù)傳遞給函數(shù)，函數(shù)也是如此。我們調(diào)用接受和或返回另一個(gè)函數(shù)稱為高階函數(shù)的函數(shù)。

8. 如何區(qū)分聲明函數(shù)和表達(dá)式函數(shù)

兩個(gè)函數(shù)將在不同的時(shí)期定義。在解析期間定義聲明，在運(yùn)行時(shí)定義表達(dá)式;因此，如果我們控制臺打印 h1，它將顯示HELLO。

9.解釋原型繼承是如何工作的

JavaScript不是一種面向?qū)ο蟮挠押镁幊陶Z言，但它仍然使用繼承的思想來實(shí)現(xiàn)依賴關(guān)系，并使用許多內(nèi)置函數(shù)使其靈活使用。了解原型繼承的工作原理將使你很好地理解JavaScript知識，從而避免概念上的誤用。

最好在大腦中描繪一下JavaScript的整個(gè)機(jī)制，以了解原型繼承。

JavaScript中有一個(gè)超級對象，所有對象都將從中繼承。'__ proto__'指向的對象的Prototype內(nèi)部屬性。 原型(prototype )包含一個(gè)構(gòu)造函數(shù)，使對象能夠從中創(chuàng)建實(shí)例。__proto__始終存在于對象中，并且分層指向它所屬的原型，直到null，這稱為原型鏈。

10. 解釋一下嚴(yán)格模式(strict mode)

嚴(yán)格模式用于標(biāo)準(zhǔn)化正常的JavaScript語義。嚴(yán)格模式可以嵌入到非嚴(yán)格模式中，關(guān)鍵字‘use strict’。使用嚴(yán)格模式后的代碼應(yīng)遵循JS嚴(yán)格的語法規(guī)則。例如，分號在每個(gè)語句聲明之后使用。

總結(jié)

以上所述是小編給大家介紹的10個(gè)比較流行的JavaScript面試題 ,希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
如果你覺得本文對你有幫助，歡迎轉(zhuǎn)載，煩請注明出處，謝謝！

最新評論