前端近期小結(jié)

1.有一種很方便的深克隆方式,不需要寫方法去遞歸芋绸。

let a = {
  a1:[1,2,3],
  a2:'string',
  a3:{
    name:'jack',
    age:22
  }
}

let b=JSON.parse(JSON.stringify(a)) //深克隆
let c = {...a} //淺克隆

先轉(zhuǎn)換成字符串重新開辟新的椕窖常空間,然后再轉(zhuǎn)換成對(duì)象即可摔敛,但是這種方式不可以轉(zhuǎn)換內(nèi)部有方法廷蓉,日期,正則表達(dá)式的對(duì)象马昙。

2.形參和實(shí)參的區(qū)別

var a = 1;

function func(b) {  // 這里是函數(shù)定義桃犬,`b`就是形參
    alert(b);
}

func(a);  // 這里是函數(shù)調(diào)用`a`就是實(shí)參

實(shí)參(argument):
全稱為"實(shí)際參數(shù)"是在調(diào)用時(shí)傳遞給函數(shù)的參數(shù). 實(shí)參可以是常量、變量行楞、表達(dá)式疫萤、函數(shù)等, 無論實(shí)參是何種類型的量敢伸,在進(jìn)行函數(shù)調(diào)用時(shí)扯饶,它們都必須具有確定的值, 以便把這些值傳送給形參池颈。 因此應(yīng)預(yù)先用賦值尾序,輸入等辦法使實(shí)參獲得確定值。

形參(parameter):
全稱為"形式參數(shù)" 由于它不是實(shí)際存在變量躯砰,所以又稱虛擬變量每币。是在定義函數(shù)名和函數(shù)體的時(shí)候使用的參數(shù),目的是用來接收調(diào)用該函數(shù)時(shí)傳入的參數(shù).在調(diào)用函數(shù)時(shí),實(shí)參將賦值給形參琢歇。因而兰怠,必須注意實(shí)參的個(gè)數(shù)梦鉴,類型應(yīng)與形參一一對(duì)應(yīng),并且實(shí)參必須要有確定的值揭保。

3.一道面試題

考點(diǎn)1:瀏覽器頁面加載時(shí)會(huì)生成執(zhí)行棧肥橙,每一個(gè)函數(shù)執(zhí)行時(shí)會(huì)把它的執(zhí)行上下文壓縮到棧內(nèi)存里,函數(shù)都是引用內(nèi)存秸侣,都放在堆里存筏,每個(gè)堆都有一個(gè)16進(jìn)制的地址。對(duì)象堆里存的是鍵值對(duì)味榛,函數(shù)堆里存的是函數(shù)的字符串椭坚。
考點(diǎn)2:a++,先運(yùn)算再自加,++a:先自加再運(yùn)算搏色。

let a =1,b=2;
console.log(a++) //1
console.log(a+b++) //4
console.log(a+(++b)) //6
微信截圖_20210201224847.png

事件隊(duì)列面試題

微信截圖_20210202211216.png

詳見阮一峰老師的http://www.ruanyifeng.com/blog/2015/05/async.html
async返回一個(gè)promise,等待await里面的函數(shù)執(zhí)行完畢后善茎,再執(zhí)行await后面的函數(shù)。如果await里面是異步函數(shù)也會(huì)等待其執(zhí)行完畢频轿,跳出async執(zhí)行別的微任務(wù)巾表,然后再回來執(zhí)行await后面的函數(shù)。如果await里面是普通同步函數(shù)略吨,則會(huì)立即執(zhí)行。

console.log('script start')

async function async1() {
    await async2()
    console.log('async1 end')
}
async function async2() {
    console.log('async2 end')
    return Promise.resolve().then(()=>{
        console.log('async2 end1')
    })
}
async1()

setTimeout(function() {
    console.log('setTimeout')
}, 0)

new Promise(resolve => {
    console.log('Promise')
    resolve()
})
.then(function() {
    console.log('promise1')
})
.then(function() {
    console.log('promise2')
})
//script start => async2 end => Promise => script end => async2 end1 => promise1 => promise2 => async1 end => setTimeout

此時(shí)執(zhí)行完awit并不先把a(bǔ)wait后面的代碼注冊(cè)到微任務(wù)隊(duì)列中去考阱,而是執(zhí)行完await之后翠忠,直接跳出async1函數(shù),執(zhí)行其他代碼乞榨。然后遇到promise的時(shí)候秽之,把promise.then注冊(cè)為微任務(wù)。其他代碼執(zhí)行完畢后吃既,需要回到async1函數(shù)去執(zhí)行剩下的代碼考榨,然后把a(bǔ)wait后面的代碼注冊(cè)到微任務(wù)隊(duì)列當(dāng)中,注意此時(shí)微任務(wù)隊(duì)列中是有之前注冊(cè)的微任務(wù)的鹦倚。所以這種情況會(huì)先執(zhí)行async1函數(shù)之外的微任務(wù)(promise1,promise2)河质,然后才執(zhí)行async1內(nèi)注冊(cè)的微任務(wù)(async1 end). 可以理解為,這種情況下震叙,await 后面的代碼會(huì)在本輪循環(huán)的最后被執(zhí)行.

瀏覽器輸入網(wǎng)址發(fā)生了什么:

https://mp.weixin.qq.com/s?__biz=MzI0MzIyMDM5Ng%3D%3D&chksm=f175eea7c60267b1b5b91e527dcdf81027f2f36c97cb1837b13ffbb5a1699e013a77f84d1d16&idx=1&mid=2649826404&scene=21&sn=e4ccac5fe9d96b26ca1d8d347276d2b1#wechat_redirect

微信截圖_20210208162612.png

微信截圖_20210208162627.png

有關(guān)瀏覽器相關(guān)知識(shí)掀鹅,強(qiáng)緩存,協(xié)商緩存等等媒楼,必看

301乐尊,302,303重定向划址,304和重定向無關(guān)
https://mp.weixin.qq.com/s?__biz=MzI0MzIyMDM5Ng==&mid=2649825731&idx=1&sn=2c0835cebfee3a44e82d9efeb54f6e43&chksm=f175eb00c602621649fd46d7c9de87f7f08a4cdaa9e08808b938948584ca6977e24a5f5336ce&scene=21#wechat_redirect

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末扔嵌,一起剝皮案震驚了整個(gè)濱河市限府,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌痢缎,老刑警劉巖胁勺,帶你破解...
    沈念sama閱讀 217,657評(píng)論 6 505
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異牺弄,居然都是意外死亡姻几,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,889評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門势告,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蛇捌,“玉大人,你說我怎么就攤上這事咱台÷绨瑁” “怎么了?”我有些...
    開封第一講書人閱讀 164,057評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵回溺,是天一觀的道長春贸。 經(jīng)常有香客問我,道長遗遵,這世上最難降的妖魔是什么萍恕? 我笑而不...
    開封第一講書人閱讀 58,509評(píng)論 1 293
  • 正文 為了忘掉前任,我火速辦了婚禮车要,結(jié)果婚禮上允粤,老公的妹妹穿的比我還像新娘。我一直安慰自己翼岁,他們只是感情好类垫,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,562評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著琅坡,像睡著了一般悉患。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上榆俺,一...
    開封第一講書人閱讀 51,443評(píng)論 1 302
  • 那天售躁,我揣著相機(jī)與錄音,去河邊找鬼茴晋。 笑死迂求,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的晃跺。 我是一名探鬼主播揩局,決...
    沈念sama閱讀 40,251評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢(mèng)啊……” “哼掀虎!你這毒婦竟也來了凌盯?” 一聲冷哼從身側(cè)響起付枫,我...
    開封第一講書人閱讀 39,129評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎驰怎,沒想到半個(gè)月后阐滩,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,561評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡县忌,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,779評(píng)論 3 335
  • 正文 我和宋清朗相戀三年掂榔,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片症杏。...
    茶點(diǎn)故事閱讀 39,902評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡装获,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出厉颤,到底是詐尸還是另有隱情穴豫,我是刑警寧澤,帶...
    沈念sama閱讀 35,621評(píng)論 5 345
  • 正文 年R本政府宣布逼友,位于F島的核電站精肃,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏帜乞。R本人自食惡果不足惜司抱,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,220評(píng)論 3 328
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望黎烈。 院中可真熱鬧习柠,春花似錦、人聲如沸怨喘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,838評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽必怜。三九已至,卻和暖如春后频,著一層夾襖步出監(jiān)牢的瞬間梳庆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,971評(píng)論 1 269
  • 我被黑心中介騙來泰國打工卑惜, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留膏执,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,025評(píng)論 2 370
  • 正文 我出身青樓露久,卻偏偏與公主長得像更米,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子毫痕,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,843評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容