apply和call的用途是什么遂填，有什么區(qū)別？
答：①call和apply都屬于Function.prototype的一個(gè)方法袱结，他是js殷勤內(nèi)在實(shí)現(xiàn)的恢着，因?yàn)閷儆贔unction.prototype，所以每個(gè)Function對(duì)象實(shí)例（每個(gè)方法）都有call危纫，apply屬性宗挥，既然作為方法的屬性，那他們的使用當(dāng)然是針對(duì)方法种蝶，這兩個(gè)方法容易混淆契耿，因?yàn)樽饔靡粯樱皇鞘褂梅椒ú煌?br> ②語法：foo.call(this,arg1,arg2,arg3)==foo.apply(this,arguments)==this.foo(arg1,arg2,arg3);
③相同點(diǎn)：兩個(gè)方法產(chǎn)生的作用相同螃征；
④不同點(diǎn)：方法傳遞的參數(shù)不同搪桂；

什么是JavaScript閉包？
答：JavaScript允許使用內(nèi)部函數(shù)盯滚，內(nèi)部函數(shù)可以訪問他們所在的外部函數(shù)中聲明的所有局部變量踢械、參數(shù)和聲明的其他內(nèi)部函數(shù)，當(dāng)其中一個(gè)這樣的內(nèi)部函數(shù)在包含它們的外部函數(shù)之外被調(diào)用時(shí)魄藕，就會(huì)形成閉包内列；

閉包的好處是什么？
答：①不增加額外的全局變量背率；
②執(zhí)行過程中所有的變量都是在匿名函數(shù)內(nèi)部德绿；

閉包的缺點(diǎn)？
答：①由于閉包會(huì)使函數(shù)中的變量都被保存在內(nèi)存中退渗，內(nèi)存消耗很大，所以不能濫用閉包蕴纳，否則會(huì)導(dǎo)致網(wǎng)頁性能問題会油，在IE中可能導(dǎo)致內(nèi)存泄露。解決辦法是古毛，在退出函數(shù)之前翻翩，將不使用的局部變量全部刪除；
②閉包會(huì)在父函數(shù)外部稻薇，改變父函數(shù)內(nèi)部變量的指嫂冻；

談?wù)剬?duì)this對(duì)象的理解。
答：this是js的一個(gè)關(guān)鍵字塞椎，隨著函數(shù)使用場(chǎng)合不同桨仿，this的值會(huì)發(fā)生變化。但是this始終指向的是調(diào)用函數(shù)的那個(gè)對(duì)象案狠；this一般情況下服傍，是全局對(duì)象Global钱雷。作為方法調(diào)用，那么this就是指這個(gè)對(duì)象

說說對(duì)作用域的理解吹零。
答：作用域的作用是保證執(zhí)行環(huán)境里有權(quán)訪問的變量和函數(shù)是有序的罩抗，作用域的變量只能向上訪問，變量訪問到window對(duì)象即被終止灿椅，作用域向下訪問變量是不被允許的套蒂。

Dom元素e的e.getAttribute(propName)和e.propName有什么區(qū)別和聯(lián)系？
e.getAttribute()茫蛹，是標(biāo)準(zhǔn) DOM 操作文檔元素屬性的方法操刀，具有通用性可在任意文檔上使用，返回元素在源文件中設(shè)置的屬性
e.propName 通常是在 HTML 文檔中訪問特定元素的特性麻惶，瀏覽器解析元素后生成對(duì)應(yīng)對(duì)象（如 a 標(biāo)簽生成 HTMLAnchorElement）馍刮，這些對(duì)象的特性會(huì)根據(jù)特定規(guī)則結(jié)合屬性設(shè)置得到，對(duì)于沒有對(duì)應(yīng)特性的屬性窃蹋，只能使用 getAttribute 進(jìn)行訪問
e.getAttribute()返回值是源文件中設(shè)置的值卡啰，類型是字符串或者 null（有的實(shí)現(xiàn)返回""）
e.propName 返回值可能是字符串、布爾值警没、對(duì)象匈辱、undefined 等
大部分 attribute 與 property 是一一對(duì)應(yīng)關(guān)系，修改其中一個(gè)會(huì)影響另一個(gè)杀迹，如 id亡脸，title 等屬性
一些布爾屬性<input hidden/>的檢測(cè)設(shè)置需要 hasAttribute 和 removeAttribute 來完成，或者設(shè)置對(duì)應(yīng) property
像<a href="../index.html">link</a>中 href 屬性树酪，轉(zhuǎn)換成 property 的時(shí)候需要通過轉(zhuǎn)換得到完整 URL
一些 attribute 和 property 不是一一對(duì)應(yīng)如：form 控件中<input value="hello"/>對(duì)應(yīng)的是 defaultValue浅碾，修改或設(shè)置 value property 修改的是控件當(dāng)前值，setAttribute 修改 value 屬性不會(huì)改變 value property

offsetWidth/offsetHeight,clientWidth/clientHeight 與 scrollWidth/scrollHeight 的區(qū)別是什么续语？
offsetWidth/offsetHeight包含內(nèi)容+內(nèi)邊距和+邊框垂谢，效果與 e.getBoundingClientRect()相同；
clientWidth/clientHeight 包含內(nèi)容和內(nèi)邊距疮茄；
scrollWidth/scrollHeight 包含內(nèi)容+內(nèi)邊距+溢出內(nèi)容的尺寸滥朱；

XMLHttpRequest 通用屬性和方法？
readyState:表示請(qǐng)求狀態(tài)的整數(shù)力试，取值：
UNSENT（0）：對(duì)象已創(chuàng)建
OPENED（1）：open()成功調(diào)用徙邻，在這個(gè)狀態(tài)下，可以為 xhr 設(shè)置請(qǐng)求頭畸裳，或者使用 send()發(fā)送請(qǐng)求
HEADERS_RECEIVED(2)：所有重定向已經(jīng)自動(dòng)完成訪問缰犁，并且最終響應(yīng)的 HTTP 頭已經(jīng)收到
LOADING(3)：響應(yīng)體正在接收
DONE(4)：數(shù)據(jù)傳輸完成或者傳輸產(chǎn)生錯(cuò)誤
onreadystatechange：readyState 改變時(shí)調(diào)用的函數(shù)
status：服務(wù)器返回的 HTTP 狀態(tài)碼（如，200， 404）
statusText:服務(wù)器返回的 HTTP 狀態(tài)信息（如民鼓，OK薇芝，No Content）
responseText:作為字符串形式的來自服務(wù)器的完整響應(yīng)
responseXML: Document 對(duì)象，表示服務(wù)器的響應(yīng)解析成的 XML 文檔
abort():取消異步 HTTP 請(qǐng)求
getAllResponseHeaders(): 返回一個(gè)字符串丰嘉，包含響應(yīng)中服務(wù)器發(fā)送的全部 HTTP 報(bào)頭夯到。每個(gè)報(bào)頭都是一個(gè)用冒號(hào)分隔開的名/值對(duì)，并且使用一個(gè)回車/換行來分隔報(bào)頭行
getResponseHeader(headerName):返回 headName 對(duì)應(yīng)的報(bào)頭值
open(method, url, asynchronous [, user, password]):初始化準(zhǔn)備發(fā)送到服務(wù)器上的請(qǐng)求饮亏。method 是 HTTP 方法耍贾，不區(qū)分大小寫；url 是請(qǐng)求發(fā)送的相對(duì)或絕對(duì) URL路幸；asynchronous 表示請(qǐng)求是否異步荐开；user 和 password 提供身份驗(yàn)證
setRequestHeader(name, value):設(shè)置 HTTP 報(bào)頭
send(body):對(duì)服務(wù)器請(qǐng)求進(jìn)行初始化。參數(shù) body 包含請(qǐng)求的主體部分简肴，對(duì)于 POST 請(qǐng)求為鍵值對(duì)字符串晃听；對(duì)于 GET 請(qǐng)求，為 null

focus/blur和focusin/focusout的區(qū)別和聯(lián)系是什么砰识？
focus/blur不冒泡能扒，兼容性好；
focusin/focusout冒泡辫狼，在火狐之外的瀏覽器兼容性保持不錯(cuò)初斑；
可以獲得焦點(diǎn)的元素有window、鏈接被點(diǎn)擊或者鍵盤操作膨处、表單空間被點(diǎn)擊或者鍵盤操作见秤、設(shè)置tabindex屬性的元素被點(diǎn)擊或者鍵盤操作；

mouseover/mouseout 與 mouseenter/mouseleave 的區(qū)別與聯(lián)系真椿？
mouseover/mouseout 是標(biāo)準(zhǔn)事件鹃答，所有瀏覽器都支持；mouseenter/mouseleave 是 IE5.5 引入的特有事件后來被 DOM3 標(biāo)準(zhǔn)采納突硝，現(xiàn)代標(biāo)準(zhǔn)瀏覽器也支持
mouseover/mouseout 是冒泡事件测摔；mouseenter/mouseleave不冒泡。需要為多個(gè)元素監(jiān)聽鼠標(biāo)移入/出事件時(shí)狞换，推薦 mouseover/mouseout 托管，提高性能
標(biāo)準(zhǔn)事件模型中 event.target 表示發(fā)生移入/出的元素,vent.relatedTarget對(duì)應(yīng)移出/如元素舟肉；在老 IE 中 event.srcElement 表示發(fā)生移入/出的元素修噪，event.toElement表示移出的目標(biāo)元素，event.fromElement表示移入時(shí)的來源元素

sessionStorage,localStorage,cookie 區(qū)別路媚？
都會(huì)在瀏覽器端保存黄琼，有大小限制，同源限制；
cookie會(huì)在請(qǐng)求時(shí)發(fā)送到服務(wù)器脏款，服務(wù)器可以修改cookie围苫；web storage 不會(huì)發(fā)送到服務(wù)器；
cookie有path概念撤师，子路徑可以訪問父路徑cookie剂府，父路徑不能訪問子路徑cookie；
cookie在設(shè)置的有效期內(nèi)有效剃盾，默認(rèn)為瀏覽器關(guān)閉腺占；sessionStorage 在窗口關(guān)閉前有效，localStorage 長(zhǎng)期有效痒谴，直到用戶刪除衰伯；
共享：sessionStorage 不能共享，localStorage 在同源文檔之間共享积蔚，cookie 在同源且符合 path 規(guī)則的文檔之間共享意鲸；
localStorage 的修改會(huì)促發(fā)其他文檔窗口的 update 事件；
cookie 有 secure 屬性要求 HTTPS 傳輸尽爆；
大小怎顾，瀏覽器不能保存超過 300 個(gè) cookie，單個(gè)服務(wù)器不能超過 20 個(gè)教翩，每個(gè) cookie 不能超過 4k杆勇。web storage 大小支持能達(dá)到 5M；
什么是同源饱亿？
1.協(xié)議相同蚜退；
2.域名相同；
3.端口相同彪笼；

如何實(shí)現(xiàn)跨域通信钻注？
跨域通信：js 進(jìn)行 DOM 操作、通信時(shí)如果目標(biāo)與當(dāng)前窗口不滿足同源條件配猫，瀏覽器為了安全會(huì)阻止跨域操作幅恋。跨域通信通常有以下方法

如果是 log 之類的簡(jiǎn)單單項(xiàng)通信泵肄，新建<img>,<script>,<link>,<iframe>元素捆交，通過 src，href 屬性設(shè)置為目標(biāo) url腐巢。實(shí)現(xiàn)跨域請(qǐng)求
如果請(qǐng)求json 數(shù)據(jù)品追，使用<script>進(jìn)行 jsonp 請(qǐng)求
現(xiàn)代瀏覽器中多窗口通信使用 HTML5 規(guī)范的 targetWindow.postMessage(data, origin);其中 data 是需要發(fā)送的對(duì)象，origin 是目標(biāo)窗口的 origin冯丙。window.addEventListener('message', handler, false);handler 的 event.data 是 postMessage 發(fā)送來的數(shù)據(jù)肉瓦，event.origin 是發(fā)送窗口的 origin，event.source 是發(fā)送消息的窗口引用
內(nèi)部服務(wù)器代理請(qǐng)求跨域 url，然后返回?cái)?shù)據(jù)
跨域請(qǐng)求數(shù)據(jù)泞莉，現(xiàn)代瀏覽器可使用 HTML5 規(guī)范的 CORS 功能哪雕，只要目標(biāo)服務(wù)器返回 HTTP 頭部Access-Control-Allow-Origin: *即可像普通 ajax 一樣訪問跨域資源
25、JavaScript有哪幾種數(shù)據(jù)類型鲫趁？
六種基本數(shù)據(jù)類型：string斯嚎、null、number饮寞、undefined孝扛、null、symbol(ES6)
一種引用類型：Object

什么是閉包幽崩？閉包有什么用苦始？
閉包是在某個(gè)作用域內(nèi)定義的函數(shù)，它可以訪問這個(gè)作用域內(nèi)所有變量慌申。
閉包作用域通常包括三個(gè)部分：
1.函數(shù)本身作用域陌选；
2.閉包定義時(shí)的作用域；
3.全局作用域蹄溉；
閉包常見用途：
1.創(chuàng)建特權(quán)方法用于訪問控制咨油；
2.事件處理程序及回調(diào)；

JavaScript有哪幾種方法定義函數(shù)柒爵？
1.函數(shù)聲明表達(dá)式役电；
2.function操作符棉胀；
3.function構(gòu)造函數(shù)法瑟；
4.ES6：arrow function唁奢；

客戶端存儲(chǔ) localStorage 和 sessionStorage的區(qū)別？
localStorage 有效期為永久麻掸，sessionStorage 有效期為頂層窗口關(guān)閉前
同源文檔可以讀取并修改 localStorage 數(shù)據(jù)酥夭，sessionStorage 只允許同一個(gè)窗口下的文檔訪問，如通過 iframe 引入的同源文檔脊奋。
Storage 對(duì)象通常被當(dāng)做普通 javascript 對(duì)象使用：通過設(shè)置屬性來存取字符串值，也可以通過setItem(key, value)設(shè)置讶隐，getItem(key)讀取，removeItem(key)刪除最楷，clear()刪除所有數(shù)據(jù)整份，length 表示已存儲(chǔ)的數(shù)據(jù)項(xiàng)數(shù)目，key(index)返回對(duì)應(yīng)索引的 key

JavaScript有哪些方法定義對(duì)象籽孙？
1.對(duì)象字面量： var obj={}
2.構(gòu)造函數(shù)：var obj = new Object();
3.Object.create():var obj = Object.create(Object.prototype);

===運(yùn)算符判斷相等的流程是什么？
1.如果兩個(gè)值為不同類型讲冠，則不相等适瓦；
2.如果兩個(gè)值都是null或者undefined竿开，則相等玻熙；
3.如果兩個(gè)值都是布爾類型true或者都是false，則相等嗦随；
4.如果其中有一個(gè)是NaN，則不相等贴浙；
5.如果都是數(shù)值類型且數(shù)值相等署恍，則相等，-0等于0盯质；
6.如果他們都是字符串并且在相同位置包含相同的 16 位值，他它們相等唤殴；如果在長(zhǎng)度或者內(nèi)容上不等，它們不相等蔚袍；兩個(gè)字符串顯示結(jié)果相同但是編碼不同==和===都認(rèn)為他們不相等配名；
7.如果他們指向相同對(duì)象、數(shù)組渠脉、函數(shù)，它們相等鳞青；如果指向不同對(duì)象，他們不相等臂拓；

==運(yùn)算符判斷相等的流程是怎樣的？
如果兩個(gè)值類型相同胶惰，按照===比較方法進(jìn)行比較
如果類型不同，使用如下規(guī)則進(jìn)行比較
如果其中一個(gè)值是 null中捆，另一個(gè)是 undefined，它們相等
如果一個(gè)值是數(shù)字另一個(gè)是字符串坊饶，將字符串轉(zhuǎn)換為數(shù)字進(jìn)行比較
如果有布爾類型泄伪，將true 轉(zhuǎn)換為 1，false 轉(zhuǎn)換為 0臂容，然后用==規(guī)則繼續(xù)比較
如果一個(gè)值是對(duì)象根蟹，另一個(gè)是數(shù)字或字符串，將對(duì)象轉(zhuǎn)換為原始值然后用==規(guī)則繼續(xù)比較其他所有情況都認(rèn)為不相等

對(duì)象到字符串的轉(zhuǎn)換步驟简逮？
如果對(duì)象有 toString()方法，javascript 調(diào)用它蕉堰。如果返回一個(gè)原始值（primitive value 如：string number boolean）,將這個(gè)值轉(zhuǎn)換為字符串作為結(jié)果
如果對(duì)象沒有 toString()方法或者返回值不是原始值悲龟，javascript 尋找對(duì)象的 valueOf()方法，如果存在就調(diào)用它须教，返回結(jié)果是原始值則轉(zhuǎn)為字符串作為結(jié)果
否則，javascript 不能從 toString()或者 valueOf()獲得一個(gè)原始值乐疆，此時(shí) throws a TypeError

對(duì)象到數(shù)字的轉(zhuǎn)換步驟贬养？
如果對(duì)象有valueOf()方法并且返回元素值，javascript將返回值轉(zhuǎn)換為數(shù)字作為結(jié)果
否則误算，如果對(duì)象有toString()并且返回原始值迷殿，javascript將返回結(jié)果轉(zhuǎn)換為數(shù)字作為結(jié)果
否則贪庙，throws a TypeError

<,>,<=,>=的比較規(guī)則翰苫？
所有比較運(yùn)算符都支持任意類型这橙，但是比較只支持?jǐn)?shù)字和字符串奏窑，所以需要執(zhí)行必要的轉(zhuǎn)換然后進(jìn)行比較屈扎，轉(zhuǎn)換規(guī)則如下:

1.如果操作數(shù)是對(duì)象鹰晨，轉(zhuǎn)換為原始值：如果 valueOf 方法返回原始值，則使用這個(gè)值模蜡，否則使用 toString 方法的結(jié)果，如果轉(zhuǎn)換失敗則報(bào)錯(cuò)
2.經(jīng)過必要的對(duì)象到原始值的轉(zhuǎn)換后闯传，如果兩個(gè)操作數(shù)都是字符串卤妒，按照字母順序進(jìn)行比較（他們的 16 位 unicode 值的大小）
3.否則则披，如果有一個(gè)操作數(shù)不是字符串，將兩個(gè)操作數(shù)轉(zhuǎn)換為數(shù)字進(jìn)行比較

+運(yùn)算符工作流程图谷？
如果有操作數(shù)是對(duì)象阱洪，轉(zhuǎn)換為原始值；如果有一個(gè)操作數(shù)是字符串澄峰，其他操作數(shù)都轉(zhuǎn)換為字符串進(jìn)行拼接；如果都是數(shù)字绸硕，則執(zhí)行加法；

函數(shù)內(nèi)部 arguments 變量有哪些特性,有哪些屬性,如何將它轉(zhuǎn)換為數(shù)組玻佩？
arguments 所有函數(shù)中都包含的一個(gè)局部變量，是一個(gè)類數(shù)組對(duì)象税稼，對(duì)應(yīng)函數(shù)調(diào)用時(shí)的實(shí)參垮斯。如果函數(shù)定義同名參數(shù)會(huì)在調(diào)用時(shí)覆蓋默認(rèn)對(duì)象
arguments[index]分別對(duì)應(yīng)函數(shù)調(diào)用時(shí)的實(shí)參，并且通過 arguments 修改實(shí)參時(shí)會(huì)同時(shí)修改實(shí)參
arguments.length 為實(shí)參的個(gè)數(shù)（Function.length 表示形參長(zhǎng)度）
arguments.callee 為當(dāng)前正在執(zhí)行的函數(shù)本身扰肌，使用這個(gè)屬性進(jìn)行遞歸調(diào)用時(shí)需注意 this 的變化
arguments.caller 為調(diào)用當(dāng)前函數(shù)的函數(shù)（已被遺棄）
轉(zhuǎn)換為數(shù)組：var args = Array.prototype.slice.call(arguments, 0);

熊杨。