1.?預編譯
1. 創(chuàng)建了ao對象
2. 找形參和變量的聲明作為ao對象的屬性名 值是undefined
3. 實參和形參相統(tǒng)一
4. 找函數(shù)聲明會覆蓋變量的聲明
Function fn(a,c){
Console.log(a) ?// function a(){}
Var a = 123
Console.log(a) ?// 123
Console.log(c) ???// function c(){}
Function a(){}
If(false){
Var d = 678
}
Console.log(d) ?//undefined
Console.log(b) ?//undefined
Var b = function(){}
Console.log(b) ?// function (){}
Function c(){}
Console.log(c) ?// function c(){}
}
2.?防抖函數(shù)(用于echarts圖抱完，提升性能)
典型案例：（輸入搜索）輸入結束后n秒才進行搜索及志，n秒內又輸入的內容，就重新計算時，解決搜索的bug
Function debounce(delay,callback){
Let timer
Return function(value){
clearTimeout(timer)
timer = setTimeout(function(){
Callback(value)
},delay)
}
}
Function fn(value){
Console.log(value)
}
3.節(jié)流函數(shù)：當觸發(fā)事件的時候，保證一段時間內只調用一次事件處理函數(shù)
Function Thor(fun,wait){
Let tinerOut
Return function(){
If(!timerOut){
timerOut = setTimeout(function(){
Func()
timerOut = unll
},wait)
}
}
}
Function handle({
Console.log(Math.random)
})
Document.getElementById(‘button’).onclick = thro(handle,2000)
3.?js事件循環(huán)機制(調用棧-微任務隊列-消息隊列)
Js中的異步操作，比如fetch, setTimeout, setInterval 壓入到調用棧中的時候里面的消息會進入到消息隊列中去，消息隊列中，會等到調用棧清空后再執(zhí)行墓怀。
Eg1:
Function fn1(){
Console.log(1)
}
Function fn2(){
Console.log(2)
Fn1()
Console.log(3)
}
Fn2()
輸出結果：2,1,3
Eg2:
Function fn1(){
Console.log(1)
}
Function fn2(){
setTimerout(()=>{
Console.log(2)
},0)
Fn1()
Console.log(3)
}
Fn2()
輸出結果：1,3,2
Promise, async, await的異步操作的時候會加入到微任務中去，會在調用棧清空的時候立即執(zhí)行卫键，調用棧中加入的微任務會立馬執(zhí)行傀履。
Eg:
Var p = new Promise(resolve?=> {
Console.log(4)
Resolve(5)
})
Function fn1(){
Console.log(1)
}
Function fn2(){
setTimerout(()=>{
Console.log(2)
},0)
Fn1()
Console.log(3)
P.then(resolve?=>{
Console.log(resolve)
})
}
Fn2()
輸出結果：4,1,3,5,2
