過夏的北京，天氣似乎突然有點涼毁枯，春天的溫暖剛過慈缔，但求職的浪潮卻已悄然來襲。就在大家摩拳擦掌种玛、積極備戰(zhàn)的當下藐鹤，沽泡前端講師們?yōu)榇蠹覝蕚淞艘环菪⌒《Y物：
特別說明：
假如你在面試時被這些題型卡住了，就必須正視自己的知識短板赂韵，并且要心悅城服的刻苦鉆研娱节、直至學會為止！畢竟想要成為一個合格的 “WEB前端工程師”祭示，掌握以下這些 JavaScript 核心的基礎知識肄满，才擔得上“合格”這兩個字，否則就是“冒牌”的哦~
一、JavaScript 的 typeof 返回哪些數(shù)據(jù)類型稠歉？
分析：
這道題檢驗的是 JS 基本功掰担，在妙味課堂 JS 基礎課程里就有講，只要對 typeof 運算符是了解的怒炸，就沒有太大難度带饱。具體在回答的時候，再結(jié)合理論知識和編碼過程中實際情況進行回答即可横媚。另外纠炮，考慮到面試時的嚴謹性，妙味講師把 ES2015 中新增的類型也并入回復中灯蝴，供大家參考恢口。
建議回復：
首先锻离，JavaScript 中一共有兩大數(shù)據(jù)類型：
基礎類型引用類型
基礎類型包括：Number腰埂、String、Boolean欲逃、Null问潭、Undefined猿诸、Symbol（該類型位 ES2015 中新增類型）引用類型包括：Object typeof 運算符把類型信息以字符串形式返回，需要注意的是 typeof 返回的類型和 JavaScript 定義的類型有細微的差異狡忙。 typeof 返回七種可能的值：“number”梳虽、“string”、“boolean”灾茁、“object”窜觉、"symbol"、“function”和“undefined”北专。
二禀挫、請寫出以下運算結(jié)果：
alert(typeof null);
alert(typeof undefined);
alert(typeof NaN);
alert(NaN == undefined);
alert(NaN == NaN);
var str = "123abc";
alert(typeof str++);
alert(str);
分析：
這道題與“題目一”是連環(huán)扣，當“題目一”回答完后拓颓，通過此題再一次強化運算符和數(shù)據(jù)類型的基本功语婴。
建議回復：
本題主要是考察 typeof 判斷值的類型，它們輸出的結(jié)果依次是：
alert(typeof null); // object
alert(typeof undefined); // undefined
alert(typeof NaN); // number
alert(NaN == undefined); // false
alert(NaN == NaN); // false
var str = "123abc";
alert(typeof str++); // number
alert(str); // NaN
三驶睦、例舉至少 3 種強制類型轉(zhuǎn)換和 2 種隱式類型轉(zhuǎn)換?
分析：
類型轉(zhuǎn)換聽起來可能有點寬泛砰左，但這道題明確給出了回答的范圍，對于聽過 JS 實體課的同學來說场航，這幾乎是送分題缠导，因為課上講師們就明確講解了類型轉(zhuǎn)換的幾種不同形式，假如大家有做好筆記的話~
建議回復：
1. 強制類型轉(zhuǎn)換： 明確調(diào)用內(nèi)置函數(shù)旗闽，強制把一種類型的值轉(zhuǎn)換為另一種類型酬核。強制類型轉(zhuǎn)換主要有：Boolean、Number适室、String嫡意、parseInt、parseFloat
2. 隱式類型轉(zhuǎn)換： 在使用算術運算符時捣辆，運算符兩邊的數(shù)據(jù)類型可以是任意的蔬螟，比如，一個字符串可以和數(shù)字相加汽畴。之所以不同的數(shù)據(jù)類型之間可以做運算旧巾，是因為 JavaScript 引擎在運算之前會悄悄的把他們進行了隱式類型轉(zhuǎn)換。隱式類型轉(zhuǎn)換主要有：+忍些、–鲁猩、==、!
四罢坝、JavaScript 的事件流模型都有什么廓握？
分析：
事件流模型這個知識點在妙味中級階段 event 事件章節(jié)就有詳細講解，如果已經(jīng)忘記的朋友嘁酿，再去看看這個階段的視頻吧隙券。 題外話：一般純理論的知識點學起來枯燥（妙味實體班的學員也是如此），但理論的好處在于當遇到問題時闹司，能迅速判斷出錯的原理所在娱仔，從而可以準確迅速的查找問題并精準修復，可以讓冗余代碼簡化到最低游桩、可以不再出了錯以后像撞大運般的采用 “試來試去大法” 來修復~
建議回復：
事件流描述的是從頁面中接收事件的順序牲迫。 DOM 結(jié)構是樹形結(jié)構，當頁面中的某一個元素觸發(fā)了某個一個事件众弓，事件會從最頂層的 window 對象開始恩溅，向下傳播到目標元素，途徑的祖先節(jié)點都會觸發(fā)對應的事件谓娃，如果當前節(jié)點的該事件綁定了事件處理函數(shù)的話脚乡，則會執(zhí)行該函數(shù)當事件達到目標元素并執(zhí)行綁定函數(shù)（如果有綁定的話）后，事件又會向上傳播到 window 元素滨达，途徑的祖先節(jié)點都會觸發(fā)對應的事件（如果綁定事件處理函數(shù)的話）
——文字好繞口有沒有奶稠？誰讓當初聽課畫圖講解的時候，你不認真聽課卻在那兒打瞌睡呢捡遍？ ^_^ 繼續(xù)~
事件流包含三個階段：事件捕捉階段處于目標階段事件冒泡階段
事件捕捉階段：事件開始由頂層對象觸發(fā)锌订，然后逐級向下傳播，直到目標的元素画株；處于目標階段：處在綁定事件的元素上辆飘；事件冒泡階段：事件由具體的元素先接收啦辐，然后逐級向上傳播，直到不具體的元素蜈项；
五芹关、BOM 對象有哪些，列舉 window 對象紧卒？
分析：
再次提醒：這題是妙味JS班 BOM 課程的筆記侥衬。背下來吧，背不出來的去面壁……
建議回復：
window 對象跑芳，是 JS 的最頂層對象轴总，其他的 BOM 對象都是 window 對象的屬性；location 對象博个，瀏覽器當前URL信息怀樟；navigator 對象，瀏覽器本身信息盆佣；screen 對象漂佩，客戶端屏幕信息；history 對象罪塔，瀏覽器訪問歷史信息投蝉；
六、請簡述 AJAX 及基本步驟征堪？
分析：
如果說僅僅只會用 AJAX 是基礎要求的話瘩缆，那么聽明白講師課上的細節(jié)分析，則是面試加分項之一佃蚜。對于這種純概念題庸娱，建議面試前再寫一遍原生 AJAX 函數(shù)的封裝過程，一定要在理解的基礎上去背谐算，才會在面試時有良好發(fā)揮熟尉。
建議回復：
簡述 AJAX：AJAX即“Asynchronous Javascript And XML”（異步 JavaScript 和 XML），是指一種創(chuàng)建交互式網(wǎng)頁應用的網(wǎng)頁開發(fā)技術洲脂。通過在后臺與服務器進行少量數(shù)據(jù)交換斤儿，AJAX 可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下恐锦，對網(wǎng)頁的某部分進行更新往果。
AJAX 基本步驟：
初始化ajax對象連接地址，準備數(shù)據(jù)發(fā)送請求接收數(shù)據(jù)（正在接收一铅，尚未完成）接收數(shù)據(jù)完成
//初始化ajax對象
var xhr = new XMLHttpRequest();
//連接地址陕贮，準備數(shù)據(jù)
xhr.open(“方式”,”地址”,是否為異步);
//接收數(shù)據(jù)完成觸發(fā)的事件
xhr.onload =function(){}
//發(fā)送數(shù)據(jù)
xhr.send();
七、HTTP 狀態(tài)消息 200 302 304 403 404 500 分別表示什么潘飘？
分析：
在聽講師講解 AJAX 課程的時候肮之，請仔細留意講師所描述每一個數(shù)字背后的含義掉缺、以及有可能出現(xiàn)的場景。萬一在面試時考官不僅僅只是讓你背誦戈擒、而是給你一個場景讓你做問答題呢攀圈？——所以，“帶著理解去記憶” 是對付概念題最好的法寶峦甩，此外多看看延展的知識點，也是有益無害现喳。
建議回復：
200：請求已成功凯傲，請求所希望的響應頭或數(shù)據(jù)體將隨此響應返回。302：請求的資源臨時從不同的 URI 響應請求嗦篱。由于這樣的重定向是臨時的冰单，客戶端應當繼續(xù)向原有地址發(fā)送以后的請求。只有在 Cache-Control 或 Expires 中進行了指定的情況下灸促，這個響應才是可緩存的诫欠。304：如果客戶端發(fā)送了一個帶條件的 GET 請求且該請求已被允許，而文檔的內(nèi)容（自上次訪問以來或者根據(jù)請求的條件）并沒有改變浴栽，則服務器應當返回這個狀態(tài)碼荒叼。304 響應禁止包含消息體，因此始終以消息頭后的第一個空行結(jié)尾典鸡。403：服務器已經(jīng)理解請求被廓，但是拒絕執(zhí)行它。404：請求失敗萝玷，請求所希望得到的資源未被在服務器上發(fā)現(xiàn)嫁乘。500：服務器遇到了一個未曾預料的狀況，導致了它無法完成對請求的處理球碉。一般來說蜓斧，這個問題都會在服務器端的源代碼出現(xiàn)錯誤時出現(xiàn)。
八睁冬、同步和異步的區(qū)別?
分析：
又是概念題挎春，又是課上容易打瞌睡的題對不對？看看下面的“建議回復”吧豆拨，或許和你們上課的內(nèi)容有些區(qū)別搂蜓，因為講師們又重新?lián)Q了個比喻，把容易讓人弄暈的辽装、深入的知識帮碰，以舉例的形式描述了一遍。溫故而知新的體驗總是愉悅的拾积，至于能把大家對該知識點的回憶勾起來多少殉挽？這就要看大家在妙味學習期間有沒有往心里去了丰涉。
建議回復：
首先同步異步于阻塞非阻塞并沒有關系。同步異步主要是事情做完以后斯碌，如何進行處理一死、或者說關注的是一種消息通信機制。同步的情況下傻唾，是由處理消息者自己去等待消息是否被觸發(fā)投慈；而異步的情況下是由觸發(fā)機制來通知處理消息者；
舉例： 比如在妙味上課時冠骄，你問老師一個問題伪煤，這個問題可能需要花費一點時間去思考，這個時候老師可能：
思考凛辣，思考……抱既，好了，有答案了扁誓；這個問題需要一點時間防泵，你先做點別的，等我想好了蝗敢，去找你捷泞。
第一種就是同步，第二種就是異步寿谴。所以同步異步可以說是對被請求方來說的肚邢，被請求者使用什么方式來告知處理結(jié)果。
阻塞非阻塞拭卿，主要是對于請求者而言的骡湖。阻塞：發(fā)出請求等待結(jié)果返回，然后再處理后續(xù)的事情峻厚；非阻塞：發(fā)出請求不等待結(jié)果返回响蕴，可以接著做后續(xù)的事情；
舉例惠桃，還是上一個例子：
老師在使用同步思考的時候浦夷，你可以靜靜的等待老師給出答案，也可以邊做自己的事情邊等待老師的回答辜王，當然這時候你需要時刻去關注老師是否已經(jīng)想好了劈狐，在程序中需要進行輪詢了。乀(ˉεˉ乀)老師使用異步的方式呐馆，這個時候老師告訴你可以先去做別的肥缔，好了就通知你，那么你可以去做點別的汹来，然后監(jiān)聽事件就行续膳，當然你也可以很軸改艇，我就不做別的！我要一直等著老師“想好了”的事件發(fā)生坟岔。
所以同步可以是阻塞的也可以是非阻塞的谒兄，異步也是如此。
九社付、GET和POST的區(qū)別承疲，何時使用POST？
分析：
像是數(shù)據(jù)交互類的概念題在面試時被問到的機率之多鸥咖，也反應出它在工作中的實用價值燕鸽。所以沒別的，好好學吧扛或，好好背！
建議回復：
GET和POST的區(qū)別：
GET：一般用于查詢數(shù)據(jù)碘饼，使用URL傳遞參數(shù)熙兔，由于瀏覽器對地址欄長度有限制，所以對使用get方式所發(fā)送信息的數(shù)量有限制艾恼，同時瀏覽器會記錄（歷史記錄住涉，緩存）中會保留請求地址的信息，包括地址后面的數(shù)據(jù)钠绍。get 只能發(fā)送普通格式（URL 編碼格式）的數(shù)據(jù)舆声。
POST：一般用于向服務器發(fā)送數(shù)據(jù)，對所發(fā)送的數(shù)據(jù)的大小理論上是沒有限制柳爽，瀏覽器會緩存記錄地址媳握，但是不會記錄 post 提交的數(shù)據(jù)。post 可以發(fā)送純文本磷脯、URL編碼格式蛾找、二進制格式的字符串，形式多樣赵誓。
在以下情況中打毛，請使用 POST 請求：
以提交為目的的請求（類似語義化，get 表示請求俩功，post 表示提交）幻枉；發(fā)送私密類數(shù)據(jù)（用戶名、密碼）（因為瀏覽器緩存記錄特性）诡蜓；向服務器發(fā)送大量數(shù)據(jù)（數(shù)據(jù)大小限制區(qū)別）熬甫；上傳文件圖片時（數(shù)據(jù)類型區(qū)別）；
十蔓罚、 AJAX 的局限性?
分析：
剛剛上面有道題還分析了 AJAX 的原理步驟啥的罗珍，現(xiàn)在又冒出來個局限性洽腺？如果你僅僅只是知道怎么用它，那在看到這個題應該是一臉懵逼了……
建議回復：
AJAX 不支持瀏覽器 back 按鈕覆旱。安全問題 AJAX 暴露了與服務器交互的細節(jié)蘸朋。對搜索引擎的支持比較弱。不會執(zhí)行你的 JS 腳本扣唱，只會操作你的網(wǎng)頁源代碼藕坯；跨域請求有一定限制。解決方式：jsonp噪沙；
十一炼彪、new 操作符具體干了什么呢?
分析：
原理概念題，上課好好聽正歼、做好筆記辐马、好好理解……啦啦啦~
建議回復：
當使用 new 操作符調(diào)用構造函數(shù)，函數(shù)實際會經(jīng)歷如下步驟：
創(chuàng)建一個新對象局义；把函數(shù)中上下文（作用域）對象this指向該對象喜爷；執(zhí)行代碼，通過this給新對象添加屬性或方法萄唇；返回對象檩帐；
十二、null 和 undefined 的區(qū)別另萤？
分析：
經(jīng)典的概念題湃密，要回答好的確需要功底扎實。
建議回復：
null： null表示空值四敞，轉(zhuǎn)為數(shù)值時為0泛源；
undefined：undefined表示"缺少值"，就是此處應該有一個值忿危，但是還沒有定義俩由。
變量被聲明了，但沒有賦值時癌蚁，就等于undefined幻梯。對象沒有賦值的屬性，該屬性的值為undefined努释。函數(shù)沒有返回值時碘梢，默認返回undefined。
十三伐蒂、JavaScript 原型煞躬，原型鏈 ? 有什么特點？
分析：
不分析了，全是妙味實體班上課講的東西恩沛。在扰。。ㄟ(▔,▔)ㄏ
建議回復：
JavaScript 原型： 每創(chuàng)建一個函數(shù)雷客，函數(shù)上都有一個屬性為 prototype芒珠，它的值是一個對象。 這個對象的作用在于當使用函數(shù)創(chuàng)建實例的時候搅裙，那么這些實例都會共享原型上的屬性和方法皱卓。
原型鏈： 在 JavaScript 中，每個對象都有一個指向它的原型（prototype）對象的內(nèi)部鏈接（proto）部逮。這個原型對象又有自己的原型娜汁，直到某個對象的原型為 null 為止（也就是不再有原型指向）。這種一級一級的鏈結(jié)構就稱為原型鏈（prototype chain）兄朋。 當查找一個對象的屬性時掐禁，JavaScript 會向上遍歷原型鏈，直到找到給定名稱的屬性為止;到查找到達原型鏈的頂部（Object.prototype）颅和，仍然沒有找到指定的屬性傅事，就會返回 undefined。
十四融虽、實現(xiàn)對數(shù)組進行亂序
分析：
這道題檢驗了數(shù)組的 sort() 方法享完，因為是亂序灼芭，所以還需要用到 Math.random() 產(chǎn)生隨機數(shù)有额，打亂排序規(guī)律！——別怪我啰嗦彼绷，你們就說實體班課上有沒有講吧巍佑？！
建議回復：
在寫代碼前寄悯，先把實現(xiàn)原理介紹一下萤衰，然后再開始寫代碼：
var a = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
var sign = 1;
a.sort(function(a, b) {
return Math.random() - 0.5
});
十五、實現(xiàn)一個函數(shù) clone()猜旬，可以對 JavaScript 中的5種主要的數(shù)據(jù)類型（包括 Number脆栋、String、Object洒擦、Array椿争、Boolean）進行值復制。
分析：
這道題考察了以下知識點：
使用 typeof 判斷值得類型熟嫩；使用 toString 區(qū)分數(shù)組和對象秦踪；遞歸函數(shù)的使用；
建議回復：
function clone(obj) {
//判斷是對象，就進行循環(huán)復制
if (typeof obj === 'object' && typeof obj !== 'null') {
// 區(qū)分是數(shù)組還是對象椅邓，創(chuàng)建空的數(shù)組或?qū)ο?/p>
var o = Object.prototype.toString.call(obj).slice(8, -1) === "Array" ? [] : {};
for (var k in obj) {
// 如果屬性對應的值為對象柠逞，則遞歸復制
if(typeof obj[k] === 'object' && typeof obj[k] !== 'null'){
o[k] = clone(obj[k])
}else{
o[k] = obj[k];
}
}
}else{ //不為對象，直接把值返回
return obj;
}
return o;
}
假如以上面試題由你來做的話景馁，能達到及格的小伙伴們舉個爪看看板壮？ 大家還碰到哪些原生的 JS 面試題表示困惑了？不如拿出來和大家一起分享討論吧~
有疑惑的同學裁僧，就在這帖子下留言吧~~
有任何疑惑加群QQ786276452
對前端的技術个束，架構技術感興趣的同學關注我的頭條號，并在后臺私信發(fā)送關鍵字：“前端”即可獲取免費的架構師學習資料
知識體系已整理好（源碼聊疲，筆記茬底，PPT，學習視頻）获洲，歡迎免費領取阱表。還有面試視頻分享可以免費獲取。關注我贡珊，可以獲得沒有的架構經(jīng)驗哦Ｗ钆馈！
