1.淺拷貝 創(chuàng)建一個(gè)新對(duì)象萝毛，這個(gè)對(duì)象有原始對(duì)象屬性值的一份精確拷貝项阴，如果是基本數(shù)據(jù)類型，拷貝的就是基本類型的值笆包，如果是引用數(shù)據(jù)類型环揽，拷貝的就是內(nèi)存地址
2.深拷貝和淺拷貝最大的區(qū)別是：拷貝引用數(shù)據(jù)類型時(shí)，拷貝的不是內(nèi)存地址而是要從堆內(nèi)存中開辟一個(gè)新的區(qū)域存放新對(duì)象，彼此完全獨(dú)立
3.防抖（等用戶高頻事件完了再進(jìn)行事件操作）
function debounce(delay, callback) {
let timer;
// timer 變量需要一直保存在內(nèi)存當(dāng)中 閉包
return (value)=> {
clearTimeout(timer); //清除之前觸發(fā)的定時(shí)器
timer = setTimeout(() => {
callback(value);
}, delay);
};
}
function fn(value) {
console.log('value', value);
}
const debounceFunc = debounce(1000, fn);
const input = document.getElementById('input');
input?.addEventListener('keyup', (e) => {
debounceFunc(e.target?.value);
});
- 應(yīng)用場(chǎng)景
（1）search搜索聯(lián)想服球，用戶在不斷輸入值時(shí)劝篷，用防抖來節(jié)約請(qǐng)求資源
（2）window觸發(fā)resize的時(shí)候，不斷的調(diào)整瀏覽器窗口大小會(huì)不斷的觸發(fā)這個(gè)事件通今，用防抖來讓其只觸發(fā)一次
4.節(jié)流
防抖存在一個(gè)問題序无，事件會(huì)一直等到用戶完成操作后一段時(shí)間在操作，如果一直操作衡创，會(huì)一直不觸發(fā)帝嗡。比如說是一個(gè)按鈕，點(diǎn)擊就發(fā)送請(qǐng)求璃氢，如果一直點(diǎn)哟玷，那么請(qǐng)求就會(huì)一直發(fā)布出去。這里正確的思路應(yīng)該是第一次點(diǎn)擊就發(fā)送一也，然后上一個(gè)請(qǐng)求回來后巢寡，才能再發(fā)。
節(jié)流就是減少流量椰苟，將頻繁觸發(fā)的事件減少抑月，并每隔一段時(shí)間執(zhí)行。即舆蝴，控制事件觸發(fā)的頻率
總結(jié)：某個(gè)操作希望上一次的完成后再進(jìn)行下一次谦絮，或者希望隔一段時(shí)間觸發(fā)一次。
function throttle(func, wait) {
let timeOut;
return () => {
if (!timeOut) {
// 如果timeOut有值就不執(zhí)行
timeOut = setTimeout(() => {
func();
timeOut = null;
}, wait);
}
};
}
function handle() {
console.log(Math.random());
}
document.getElementById('button')!.onclick = throttle(handle, 2000);
- 應(yīng)用場(chǎng)景
（1）鼠標(biāo)不斷點(diǎn)擊觸發(fā)洁仗，mousedown(單位時(shí)間內(nèi)只觸發(fā)一次)
（2）監(jiān)聽滾動(dòng)事件层皱，比如是否滑到底部自動(dòng)加載更多
總結(jié)
防抖和節(jié)流相同點(diǎn)：
防抖和節(jié)流都是為了阻止操作高頻觸發(fā)，從而浪費(fèi)性能赠潦。防抖和節(jié)流區(qū)別：
防抖是觸發(fā)高頻事件后n秒內(nèi)函數(shù)只會(huì)執(zhí)行一次叫胖，如果n秒內(nèi)高頻事件再次被觸發(fā)，則重新計(jì)算時(shí)間她奥。適用于可以多次觸發(fā)但觸發(fā)只生效最后一次的場(chǎng)景瓮增。
節(jié)流是高頻事件觸發(fā)，但在n秒內(nèi)只會(huì)執(zhí)行一次哩俭，如果n秒內(nèi)觸發(fā)多次函數(shù)绷跑，只有一次生效，節(jié)流會(huì)稀釋函數(shù)的執(zhí)行頻率携茂。
