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

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

來(lái)幾個(gè)粟子

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

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

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

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

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

3.什么是閉包

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

閉包是在另一個(gè)作用域內(nèi)創(chuàng)建一個(gè)封閉的詞法范圍。它通常會(huì)自動(dòng)返回來(lái)生成這個(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中沒(méi)有明確的方法來(lái)創(chuàng)建私有方法，但是閉包可以私有方法。

4.解釋一下變量的提升

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

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

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

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

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

6. 如何理解事件委托

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

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

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

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

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

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

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

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

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

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

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

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

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

總結(jié)

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

最新評(píng)論