1，什么是函數(shù)防抖和函數(shù)節(jié)流畴博？有什么區(qū)別
防抖笨忌，就是指觸發(fā)事件后在 n 秒內(nèi)函數(shù)只能執(zhí)行一次，如果在 n 秒內(nèi)又觸發(fā)了事件俱病，則會(huì)清除前一次重新開(kāi)啟計(jì)算函數(shù)執(zhí)行時(shí)間
相比于防抖,節(jié)流就是在讓函數(shù)在特定的時(shí)間內(nèi)只執(zhí)行一次
函數(shù)節(jié)流與函數(shù)防抖是我們解決頻繁觸發(fā)DOM事件的兩種常用解決方案
函數(shù)防抖 debounce
原理：將若干函數(shù)調(diào)用合成為一次官疲，并在給定時(shí)間過(guò)去之后袱结，或者連續(xù)事件完全觸發(fā)完成之后，調(diào)用一次
例如：滾動(dòng)scroll事件途凫，不凸讣校滑動(dòng)滾輪會(huì)連續(xù)觸發(fā)多次滾動(dòng)事件，從而調(diào)用綁定的回調(diào)函數(shù)维费，我們希望當(dāng)我們停止?jié)L動(dòng)的時(shí)果元，才觸發(fā)一次回調(diào)，這時(shí)可以使用函數(shù)防抖犀盟。
函數(shù)節(jié)流 throttle
原理：當(dāng)達(dá)到了一定的時(shí)間間隔就會(huì)執(zhí)行一次而晒；可以理解為是縮減執(zhí)行頻率
例如：還是以scroll滾動(dòng)事件來(lái)說(shuō)吧，滾動(dòng)事件是及其消耗瀏覽器性能的且蓬，不停觸發(fā)欣硼。以我在項(xiàng)目中碰到的問(wèn)題，移動(dòng)端通過(guò)scroll實(shí)現(xiàn)分頁(yè)恶阴，不斷滾動(dòng)诈胜，我們不希望不斷發(fā)送請(qǐng)求，只有當(dāng)達(dá)到某個(gè)條件冯事，比如焦匈，距離手機(jī)窗口底部150px才發(fā)送一個(gè)請(qǐng)求，接下來(lái)就是展示新頁(yè)面的請(qǐng)求昵仅，不停滾動(dòng)缓熟，如此反復(fù)；這個(gè)時(shí)候就得用到函數(shù)節(jié)流摔笤。
函數(shù)節(jié)流與函數(shù)防抖的區(qū)別：
我們以一個(gè)案例來(lái)講一下它們之間的區(qū)別：設(shè)定一個(gè)間隔時(shí)間為一秒够滑，在一分鐘內(nèi)，不斷的移動(dòng)鼠標(biāo)吕世，讓它觸發(fā)一個(gè)函數(shù)彰触，打印一些內(nèi)容。
函數(shù)防抖：會(huì)打印1次命辖，在鼠標(biāo)停止移動(dòng)的一秒后打印况毅。
函數(shù)節(jié)流：會(huì)打印60次，因?yàn)樵谝环昼妰?nèi)有60秒尔艇，每秒會(huì)觸發(fā)一次尔许。
2，什么是函數(shù)柯里化及有什么用终娃？
函數(shù)的多參味廊，變成單參或減少
柯里化（Currying）是把接受多個(gè)參數(shù)的函數(shù)變換成接受一個(gè)單一參數(shù)(最初函數(shù)的第一個(gè)參數(shù))的函數(shù)，并且返回接受余下的參數(shù)且返回結(jié)果的新函數(shù)的技術(shù)。
通過(guò)函數(shù)柯里化毡们，我們可以實(shí)現(xiàn)參數(shù)復(fù)用迅皇、提前返回和延遲執(zhí)行。通過(guò)函數(shù)柯里化衙熔，在不同的情況下傳遞不同的參數(shù)
3登颓，談?wù)勀K化開(kāi)發(fā)
模塊化就是將一個(gè)復(fù)雜的系統(tǒng)分解成多個(gè)獨(dú)立的模塊的代碼組織方式。
什么是模塊化開(kāi)發(fā)红氯？
模塊就是完成單一的職責(zé)的功能函數(shù)或者代碼塊框咙。
模塊化開(kāi)發(fā)是指如何開(kāi)發(fā)新的模塊和復(fù)用已有的模塊來(lái)實(shí)現(xiàn)應(yīng)用的功能。
為什么要模塊化開(kāi)發(fā)痢甘？
可維護(hù)性
可測(cè)試性
按需加載
代碼復(fù)用
利于架構(gòu)
利于協(xié)作
模塊化開(kāi)發(fā)的規(guī)范
CommonJS
用于服務(wù)端模塊化編程喇嘱，Node.js就采用此規(guī)范；
一個(gè)文件就是一個(gè)模塊塞栅，require方法用來(lái)加載模塊者铜，該方法讀取一個(gè)文件并執(zhí)行，最后返回文件內(nèi)部的module.exports對(duì)象放椰；
AMD
require.js（前端模塊化管理的工具庫(kù)）實(shí)現(xiàn)js文件的異步加載作烟，避免網(wǎng)頁(yè)失去響應(yīng)；管理模塊之間的依賴性砾医，便于代碼的編寫(xiě)和維護(hù)拿撩；require.js是使用創(chuàng)建script元素，通過(guò)指定script元素的src屬性來(lái)實(shí)現(xiàn)加載模塊的如蚜；
依賴前置压恒，盡早的執(zhí)行模依賴塊，執(zhí)行順序不一定错邦；
CMD
Sea.js 依賴就近探赫，且在真正需要使用依賴模塊時(shí)才執(zhí)行該模塊，順序固定撬呢；
AMD和CMD最大的區(qū)別是對(duì)依賴模塊的執(zhí)行時(shí)機(jī)處理不同伦吠，而不是加載的時(shí)機(jī)或者方式不同，二者皆為異步加載模塊倾芝；
AMD依賴前置讨勤，js可以方便知道依賴模塊是誰(shuí)箭跳，立即加載晨另；而CMD就近依賴，需要使用把模塊變?yōu)樽址馕鲆槐椴胖酪蕾嚵四切┠K谱姓。
ES6
ES6使用的是基于文件的模塊借尿。所以必須一個(gè)文件一個(gè)模塊，不能將多個(gè)模塊合并到單個(gè)文件中去。
ES6模塊API是靜態(tài)的路翻，一旦導(dǎo)入模塊后狈癞，無(wú)法再在程序運(yùn)行過(guò)程中增添方法。
ES6模塊采用引用綁定（可以理解為指針)茂契。這點(diǎn)和CommonJS中的值綁定不同蝶桶，如果你的模塊在運(yùn)行過(guò)程中修改了導(dǎo)出的變量值，就會(huì)反映到使用模塊的代碼中去掉冶。所以真竖，不推薦在模塊中修改導(dǎo)出值，導(dǎo)出的變量應(yīng)該是靜態(tài)的厌小。
ES6模塊采用的是單例模式恢共，每次對(duì)同一個(gè)模塊的導(dǎo)入其實(shí)都指向同一個(gè)實(shí)例。
另外璧亚，ES6模塊好處很多讨韭，但是并不支持按需加載的功能, 而按需加載又是Web性能優(yōu)化中重要的一個(gè)環(huán)節(jié)。好在我們可以借助Webpack來(lái)彌補(bǔ)這一缺陷
更多關(guān)于模塊化開(kāi)發(fā)的知識(shí)：淺談模塊化開(kāi)發(fā)
4癣蟋，談?wù)勀銓?duì)作用域鏈的理解
什么是作用域透硝？
作用域就是變量與函數(shù)的可訪問(wèn)范圍。在JavaScript中梢薪，變量的作用域有全局作用域和局部作用域蹬铺，在ES6之后，又添加了塊級(jí)作用域的概念秉撇，所以在JavaScript中有三種作用域甜攀。
作用域鏈
對(duì)于javascript而言，我們定義在局部作用域或者塊級(jí)作用的變量琐馆，會(huì)存放在scope局部作用域?qū)ο笊瞎娣Вx在全局作用域的變量，會(huì)存放在window/global這個(gè)全局對(duì)象上瘦麸。
當(dāng)我們?cè)诰植?塊級(jí)作用域中谁撼，調(diào)用一個(gè)外部的變量時(shí)，就會(huì)產(chǎn)生作用域鏈滋饲。
當(dāng)我們?cè)谝粋€(gè)函數(shù)內(nèi)部訪問(wèn)當(dāng)前作用域內(nèi)不存在的變量時(shí)厉碟，就會(huì)逐層向外查找，如果一直沒(méi)有找到就會(huì)報(bào)錯(cuò)屠缭。
對(duì)于函數(shù)而言箍鼓，函數(shù)在哪里創(chuàng)建，它就會(huì)從哪里開(kāi)始向上查找變量呵曹；而不是函數(shù)在哪里調(diào)用款咖。
最常見(jiàn)的就是閉包何暮，通過(guò)閉包定義的函數(shù)來(lái)訪問(wèn)函數(shù)的內(nèi)部變量。
5铐殃，什么是深拷貝海洼？什么是淺拷貝？如何實(shí)現(xiàn)一個(gè)深拷貝函數(shù)富腊？
深拷貝和淺拷貝都是針對(duì)于引用類(lèi)型(Object)而言坏逢，對(duì)于基本數(shù)據(jù)類(lèi)型而言，賦值直接就是深拷貝赘被。
淺拷貝
淺拷貝有兩種定義词疼，一種是直接賦值引用，另一種是只拷貝對(duì)象的第一層屬性帘腹，更深層次的引用還是相同的贰盗；對(duì)于這兩種，哪一種是正確的答案阳欲，這里不做多的解釋舵盈，看個(gè)人理解，像我平時(shí)更傾向于第二種球化。
深拷貝
對(duì)于淺拷貝有概念之后秽晚，就比較容易理解深拷貝了。
深拷貝就是將原有對(duì)象重新拷貝一份筒愚，不論是修改哪一部分的值赴蝇，都不會(huì)對(duì)原有對(duì)象造成影響〕膊簦拷貝的永遠(yuǎn)是值句伶，而不是引用。
