56 道高頻 JavaScript 與 ES6+ 的面試題及答案
本文講解 56 道 JavaScript 和 ES6+ 面試題的內(nèi)容。
常見(jiàn)的瀏覽器內(nèi)核包括：WebKit（蘋(píng)果和谷歌的 Safari 和 Chrome 使用）、Gecko（Mozilla Firefox 使用）、Trident（微軟 Internet Explorer 使用）和 Presto（Opera 使用）。
mouseenter 與 mouseover 的區(qū)別在于：mouseenter 只在鼠標(biāo)進(jìn)入元素邊界時(shí)觸發(fā)，而 mouseover 則在鼠標(biāo)進(jìn)入元素的任何區(qū)域時(shí)觸發(fā)。
使用正則表達(dá)式匹配字符串：/^([a-zA-Z])([0-9]*|_[a-zA-Z]*){9,20}$/，該表達(dá)式匹配以字母開(kāi)頭，后面跟數(shù)字、字符串或下劃線(xiàn)，長(zhǎng)度在 9 到 20 個(gè)字符的字符串。
手機(jī)號(hào)碼校驗(yàn)的正則表達(dá)式為：/^1(3|4|5|7|8)d{9}$。
JavaScript 字符串兩邊截取空白的方法可以使用 trim() 函數(shù)，該函數(shù)的原型方法實(shí)現(xiàn)如下：str.trim()。
解釋瀏覽器內(nèi)核：渲染引擎負(fù)責(zé)網(wǎng)頁(yè)內(nèi)容的解析和布局顯示，而 JavaScript 引擎執(zhí)行 JavaScript 代碼以實(shí)現(xiàn)動(dòng)態(tài)效果。
內(nèi)存泄漏發(fā)生在不再需要某個(gè)對(duì)象時(shí)，但該對(duì)象仍然被引用，導(dǎo)致無(wú)法通過(guò)垃圾回收機(jī)制被釋放。
線(xiàn)程與進(jìn)程的區(qū)別在于：線(xiàn)程共享進(jìn)程的內(nèi)存空間，而進(jìn)程擁有獨(dú)立的地址空間。
eval() 函數(shù)用于執(zhí)行字符串中的 JavaScript 代碼。
實(shí)現(xiàn)一個(gè)方法，使得 add(2, 5) 和 add(2)(5) 的結(jié)果都為 7。
alert(1 && 2) 的結(jié)果是 2，因?yàn)橹挥挟?dāng)兩邊都為真時(shí)，結(jié)果才為真。
alert(1 || 0) 的結(jié)果是 1，因?yàn)橹灰辽僖贿厼檎妫Y(jié)果就為真。
該代碼的輸出結(jié)果為：25，20，20，25。
代碼解析：內(nèi)層函數(shù)返回自身，外部函數(shù)輸出 inner.func 的結(jié)果，即 25。內(nèi)兩個(gè) console.log 輸出 20，因?yàn)樗鼈冊(cè)?inner 函數(shù)的作用域內(nèi)。外部函數(shù)再次輸出 inner.func 的結(jié)果，即 25。
程序輸出的結(jié)果是：undefined。
解釋?zhuān)喝肿兞?a 在 alert 之前被聲明但未賦值，因此 alert 結(jié)果為 undefined。
輸出結(jié)果是：1。
澄清：函數(shù)聲明優(yōu)先于函數(shù)表達(dá)式，函數(shù)聲明的優(yōu)先級(jí)高于變量聲明。
結(jié)果為：10。
活動(dòng)對(duì)象在函數(shù)調(diào)用時(shí)由 arguments 初始化。
輸出為：3。
理解 this 指向的關(guān)鍵在于函數(shù)的調(diào)用方式。
典型的閉包示例：輸出為 5。
JavaScript 數(shù)據(jù)類(lèi)型包括：null、undefined、布爾值、數(shù)字、字符串、對(duì)象、函數(shù)。
區(qū)別 null 與 undefined：null 表示空對(duì)象，而 undefined 表示未定義的變量。
講一下 1 和 Number(1) 的區(qū)別：Number(1) 是一個(gè)數(shù)字類(lèi)型，而直接的 1 是一個(gè)原始值。
理解 prototype：原型鏈用于函數(shù)實(shí)例共享屬性和方法。
函數(shù)中的 this：取決于調(diào)用方式，全局對(duì)象、調(diào)用上下文、構(gòu)造函數(shù)、apply 和 call。
call 和 apply 的區(qū)別在于參數(shù)傳遞方式。
異步過(guò)程由發(fā)起函數(shù)和回調(diào)函數(shù)組成。
消息隊(duì)列和事件循環(huán)解釋?zhuān)夯卣{(diào)函數(shù)在事件循環(huán)的下一輪執(zhí)行。
session 與 cookie 的區(qū)別在于存儲(chǔ)位置和生命周期。
描述 cookies、sessionStorage 和 localStorage 的區(qū)別。
內(nèi)容優(yōu)化包括：HTML、CSS、JavaScript 和圖片優(yōu)化。
公鑰加密和私鑰加密概念：公鑰用于加密，私鑰用于解密。
驗(yàn)證碼用于防止自動(dòng)化攻擊。
截取字符串 'abcdefg' 的 efg。
判斷字符串中出現(xiàn)次數(shù)最多的字符。
文檔對(duì)象模型 (DOM) 構(gòu)建過(guò)程。
JSON 對(duì)象的了解。
優(yōu)化方法：內(nèi)容、服務(wù)器、Cookie、CSS、JavaScript 和圖像。
格式化數(shù)字為每三位加逗號(hào)。
合并數(shù)組的正確方法。
將 NodeList 轉(zhuǎn)換為數(shù)組。
打亂數(shù)組元素順序的技巧。
JS 的 ready 和 onload 事件。
兩種垃圾回收機(jī)制：標(biāo)記清除和引用計(jì)數(shù)。
理解原型對(duì)象與原型鏈。
閉包概念：能夠訪(fǎng)問(wèn)函數(shù)外部變量的函數(shù)。
解決閉包問(wèn)題的方法。
判斷變量是對(duì)象還是數(shù)組的方法。
ES5 和 ES6 繼承的區(qū)別。
翻轉(zhuǎn)字符串：將字符串轉(zhuǎn)換為數(shù)組，使用 reverse() 和 join()。
堆與棧的區(qū)別。
ES6 聲明變量的方法。
Promise 和 setTimeout 的隊(duì)列關(guān)系。
前端硬核面試專(zhuān)題包含：HTML、CSS、JavaScript、ES6、Webpack、Vue、React、Node、HTTPS、數(shù)據(jù)結(jié)構(gòu)與算法、Git。
鼓勵(lì)讀者給本文打賞。
伏逄19229368263： 沒(méi)學(xué)過(guò)Java可以學(xué)好JavaScrip么? -
象山縣粗加： ______ Java和JavaScript沒(méi)任何關(guān)系,它們的相同處是名字部分相像.用直觀(guān)點(diǎn)的話(huà)說(shuō),學(xué)Java是編程,學(xué)JavaScript是做網(wǎng)站.有沒(méi)有Java基礎(chǔ)都可以學(xué)JavaScript. Java語(yǔ)言可以編寫(xiě)的眾多平臺(tái)上自動(dòng)執(zhí)行的程序,而且能夠植入網(wǎng)頁(yè)或作為E-mail的...
伏逄19229368263： javascrip獲取某個(gè)元素有哪幾種方式 -
象山縣粗加： ______ 1、通過(guò)ID選取元素(getElementById)1)使用方法:document.getElementById(＂domId＂) 其中,domId為要選取元素的id屬性值2)兼容性:低于IE8版本的IE瀏覽器對(duì)getElementById方法的實(shí)現(xiàn)是不區(qū)分元素ID號(hào)的大小寫(xiě)的,并且會(huì)返回匹配...
伏逄19229368263： 到達(dá)接收機(jī)的信號(hào)為高頻窄帶信號(hào),接收機(jī)首先對(duì)信號(hào)進(jìn)行 和限制 處理...
象山縣粗加： ______ 改成這樣:do { y=x + ＂The number is ＂ + i + ＂＂; i++; document.getElementById(＂demo＂).innerHTML=y; } while (i }
伏逄19229368263： Javascrip 語(yǔ)言是作什么的 幾句話(huà)解釋就好 -
象山縣粗加： ______ javascript屬于解釋型語(yǔ)言... 他的作用可以用于表單數(shù)據(jù)驗(yàn)證,實(shí)現(xiàn)一些動(dòng)畫(huà),頁(yè)面特效,增強(qiáng)用戶(hù)的使用體驗(yàn)..等等!...javascript的潛力無(wú)窮....還有許多方面的應(yīng)用,也可以像C語(yǔ)言那樣面向?qū)ο缶幊?.
伏逄19229368263： javascrip,求具體解釋,這個(gè)代碼是怎么控制字體大小的.以及各個(gè)代碼的含義...
象山縣粗加： ______ <h1>這是標(biāo)題1</h1>.....<h6>這是標(biāo)題1</h6>循環(huán)出來(lái)的結(jié)果如上,意思呢就是把i 從1到6 依次循環(huán)一遍,輸出如上代碼,在html中顯示的前端樣子就會(huì)是文字從大到小的.
伏逄19229368263： JavaScrip如何獲取button所在行的某個(gè)td的值?在線(xiàn)等... -
象山縣粗加： ______ 就算是動(dòng)態(tài)加的為什么就不能添加id屬性呢?<br>不加也可以,但是為了更好的取到這一行中的每個(gè)值,建議你換是加個(gè)name屬性總沒(méi)壞處的,不過(guò)不加也沒(méi)啥,都同樣可以實(shí)現(xiàn)<br>給你個(gè)同樣的例子<br><!DOCTYPE HTML PUBLIC ＂-//W3C/...
伏逄19229368263： dreamweaver有關(guān)于路徑的功能都不能用,如彈出發(fā)生以下JavaScrip錯(cuò)誤或參數(shù)錯(cuò)誤,咋辦呢?求幫助... -
象山縣粗加： ______ 應(yīng)該是js腳本的問(wèn)題,或者你在html頭上沒(méi)有鏈接改js腳本,還有種情況是你的html中調(diào)用該js的函數(shù)寫(xiě)錯(cuò)了,您在仔細(xì)檢查下
伏逄19229368263： 如何在javascrip中使用jquery獲取單選框的值 -
象山縣粗加： ______ <input name=＂item＂ id=＂Radio1＂ type=＂radio＂ value='11' /> <input name=＂item＂ id=＂Radio2＂ type=＂radio＂ value='22' /> <input name=＂item＂ id=＂Radio3＂ type=＂radio＂ value='33' /> 上面是一個(gè)單選框組(分組條件是它們的name相同),jquery取值代碼如下: var _value = $(＂input[@type=radio][name=item][checked]＂).val();
常見(jiàn)的瀏覽器內(nèi)核包括：WebKit（蘋(píng)果和谷歌的 Safari 和 Chrome 使用）、Gecko（Mozilla Firefox 使用）、Trident（微軟 Internet Explorer 使用）和 Presto（Opera 使用）。
mouseenter 與 mouseover 的區(qū)別在于：mouseenter 只在鼠標(biāo)進(jìn)入元素邊界時(shí)觸發(fā)，而 mouseover 則在鼠標(biāo)進(jìn)入元素的任何區(qū)域時(shí)觸發(fā)。
使用正則表達(dá)式匹配字符串：/^([a-zA-Z])([0-9]*|_[a-zA-Z]*){9,20}$/，該表達(dá)式匹配以字母開(kāi)頭，后面跟數(shù)字、字符串或下劃線(xiàn)，長(zhǎng)度在 9 到 20 個(gè)字符的字符串。
手機(jī)號(hào)碼校驗(yàn)的正則表達(dá)式為：/^1(3|4|5|7|8)d{9}$。
JavaScript 字符串兩邊截取空白的方法可以使用 trim() 函數(shù)，該函數(shù)的原型方法實(shí)現(xiàn)如下：str.trim()。
解釋瀏覽器內(nèi)核：渲染引擎負(fù)責(zé)網(wǎng)頁(yè)內(nèi)容的解析和布局顯示，而 JavaScript 引擎執(zhí)行 JavaScript 代碼以實(shí)現(xiàn)動(dòng)態(tài)效果。
內(nèi)存泄漏發(fā)生在不再需要某個(gè)對(duì)象時(shí)，但該對(duì)象仍然被引用，導(dǎo)致無(wú)法通過(guò)垃圾回收機(jī)制被釋放。
線(xiàn)程與進(jìn)程的區(qū)別在于：線(xiàn)程共享進(jìn)程的內(nèi)存空間，而進(jìn)程擁有獨(dú)立的地址空間。
eval() 函數(shù)用于執(zhí)行字符串中的 JavaScript 代碼。
實(shí)現(xiàn)一個(gè)方法，使得 add(2, 5) 和 add(2)(5) 的結(jié)果都為 7。
alert(1 && 2) 的結(jié)果是 2，因?yàn)橹挥挟?dāng)兩邊都為真時(shí)，結(jié)果才為真。
alert(1 || 0) 的結(jié)果是 1，因?yàn)橹灰辽僖贿厼檎妫Y(jié)果就為真。
該代碼的輸出結(jié)果為：25，20，20，25。
代碼解析：內(nèi)層函數(shù)返回自身，外部函數(shù)輸出 inner.func 的結(jié)果，即 25。內(nèi)兩個(gè) console.log 輸出 20，因?yàn)樗鼈冊(cè)?inner 函數(shù)的作用域內(nèi)。外部函數(shù)再次輸出 inner.func 的結(jié)果，即 25。
程序輸出的結(jié)果是：undefined。
解釋?zhuān)喝肿兞?a 在 alert 之前被聲明但未賦值，因此 alert 結(jié)果為 undefined。
輸出結(jié)果是：1。
澄清：函數(shù)聲明優(yōu)先于函數(shù)表達(dá)式，函數(shù)聲明的優(yōu)先級(jí)高于變量聲明。
結(jié)果為：10。
活動(dòng)對(duì)象在函數(shù)調(diào)用時(shí)由 arguments 初始化。
輸出為：3。
理解 this 指向的關(guān)鍵在于函數(shù)的調(diào)用方式。
典型的閉包示例：輸出為 5。
JavaScript 數(shù)據(jù)類(lèi)型包括：null、undefined、布爾值、數(shù)字、字符串、對(duì)象、函數(shù)。
區(qū)別 null 與 undefined：null 表示空對(duì)象，而 undefined 表示未定義的變量。
講一下 1 和 Number(1) 的區(qū)別：Number(1) 是一個(gè)數(shù)字類(lèi)型，而直接的 1 是一個(gè)原始值。
理解 prototype：原型鏈用于函數(shù)實(shí)例共享屬性和方法。
函數(shù)中的 this：取決于調(diào)用方式，全局對(duì)象、調(diào)用上下文、構(gòu)造函數(shù)、apply 和 call。
call 和 apply 的區(qū)別在于參數(shù)傳遞方式。
異步過(guò)程由發(fā)起函數(shù)和回調(diào)函數(shù)組成。
消息隊(duì)列和事件循環(huán)解釋?zhuān)夯卣{(diào)函數(shù)在事件循環(huán)的下一輪執(zhí)行。
session 與 cookie 的區(qū)別在于存儲(chǔ)位置和生命周期。
描述 cookies、sessionStorage 和 localStorage 的區(qū)別。
內(nèi)容優(yōu)化包括：HTML、CSS、JavaScript 和圖片優(yōu)化。
公鑰加密和私鑰加密概念：公鑰用于加密，私鑰用于解密。
驗(yàn)證碼用于防止自動(dòng)化攻擊。
截取字符串 'abcdefg' 的 efg。
判斷字符串中出現(xiàn)次數(shù)最多的字符。
文檔對(duì)象模型 (DOM) 構(gòu)建過(guò)程。
JSON 對(duì)象的了解。
優(yōu)化方法：內(nèi)容、服務(wù)器、Cookie、CSS、JavaScript 和圖像。
格式化數(shù)字為每三位加逗號(hào)。
合并數(shù)組的正確方法。
將 NodeList 轉(zhuǎn)換為數(shù)組。
打亂數(shù)組元素順序的技巧。
JS 的 ready 和 onload 事件。
兩種垃圾回收機(jī)制：標(biāo)記清除和引用計(jì)數(shù)。
理解原型對(duì)象與原型鏈。
閉包概念：能夠訪(fǎng)問(wèn)函數(shù)外部變量的函數(shù)。
解決閉包問(wèn)題的方法。
判斷變量是對(duì)象還是數(shù)組的方法。
ES5 和 ES6 繼承的區(qū)別。
翻轉(zhuǎn)字符串：將字符串轉(zhuǎn)換為數(shù)組，使用 reverse() 和 join()。
堆與棧的區(qū)別。
ES6 聲明變量的方法。
Promise 和 setTimeout 的隊(duì)列關(guān)系。
前端硬核面試專(zhuān)題包含：HTML、CSS、JavaScript、ES6、Webpack、Vue、React、Node、HTTPS、數(shù)據(jù)結(jié)構(gòu)與算法、Git。
鼓勵(lì)讀者給本文打賞。
相關(guān)評(píng)說(shuō)：
象山縣粗加： ______ Java和JavaScript沒(méi)任何關(guān)系,它們的相同處是名字部分相像.用直觀(guān)點(diǎn)的話(huà)說(shuō),學(xué)Java是編程,學(xué)JavaScript是做網(wǎng)站.有沒(méi)有Java基礎(chǔ)都可以學(xué)JavaScript. Java語(yǔ)言可以編寫(xiě)的眾多平臺(tái)上自動(dòng)執(zhí)行的程序,而且能夠植入網(wǎng)頁(yè)或作為E-mail的...
象山縣粗加： ______ 1、通過(guò)ID選取元素(getElementById)1)使用方法:document.getElementById(＂domId＂) 其中,domId為要選取元素的id屬性值2)兼容性:低于IE8版本的IE瀏覽器對(duì)getElementById方法的實(shí)現(xiàn)是不區(qū)分元素ID號(hào)的大小寫(xiě)的,并且會(huì)返回匹配...
象山縣粗加： ______ 改成這樣:do { y=x + ＂The number is ＂ + i + ＂＂; i++; document.getElementById(＂demo＂).innerHTML=y; } while (i }
象山縣粗加： ______ javascript屬于解釋型語(yǔ)言... 他的作用可以用于表單數(shù)據(jù)驗(yàn)證,實(shí)現(xiàn)一些動(dòng)畫(huà),頁(yè)面特效,增強(qiáng)用戶(hù)的使用體驗(yàn)..等等!...javascript的潛力無(wú)窮....還有許多方面的應(yīng)用,也可以像C語(yǔ)言那樣面向?qū)ο缶幊?.
象山縣粗加： ______ <h1>這是標(biāo)題1</h1>.....<h6>這是標(biāo)題1</h6>循環(huán)出來(lái)的結(jié)果如上,意思呢就是把i 從1到6 依次循環(huán)一遍,輸出如上代碼,在html中顯示的前端樣子就會(huì)是文字從大到小的.
象山縣粗加： ______ 就算是動(dòng)態(tài)加的為什么就不能添加id屬性呢?<br>不加也可以,但是為了更好的取到這一行中的每個(gè)值,建議你換是加個(gè)name屬性總沒(méi)壞處的,不過(guò)不加也沒(méi)啥,都同樣可以實(shí)現(xiàn)<br>給你個(gè)同樣的例子<br><!DOCTYPE HTML PUBLIC ＂-//W3C/...
象山縣粗加： ______ 應(yīng)該是js腳本的問(wèn)題,或者你在html頭上沒(méi)有鏈接改js腳本,還有種情況是你的html中調(diào)用該js的函數(shù)寫(xiě)錯(cuò)了,您在仔細(xì)檢查下
象山縣粗加： ______ <input name=＂item＂ id=＂Radio1＂ type=＂radio＂ value='11' /> <input name=＂item＂ id=＂Radio2＂ type=＂radio＂ value='22' /> <input name=＂item＂ id=＂Radio3＂ type=＂radio＂ value='33' /> 上面是一個(gè)單選框組(分組條件是它們的name相同),jquery取值代碼如下: var _value = $(＂input[@type=radio][name=item][checked]＂).val();
