前言
我本來是打算寫一篇co源碼精讀(為啥讀co,因?yàn)樗?,然鵝發(fā)現(xiàn)自己存在一系列基礎(chǔ)問題沒有搞透徹,打算寫一個(gè)js基礎(chǔ)系列文章,總結(jié)自己的理解(copy),希望與你在學(xué)習(xí)路上一同進(jìn)步。首先問問自己當(dāng)面試官問到j(luò)s中的同步和異步,這個(gè)問題該怎么回答?理解一個(gè)問題無非是what-why-how
js同步和異步問題是什么-->為什么會(huì)產(chǎn)生異步問題-->如何解決。
一、JavaScript起源
技術(shù)的出現(xiàn),和應(yīng)用場(chǎng)景密切相關(guān)的。JavaScript誕生于1995年。當(dāng)時(shí),它的主要目的是處理以前由服務(wù)器端語言(如Perl)負(fù)責(zé)的一些輸入驗(yàn)證操作。在JavaScript問世之前,必須把表單數(shù)據(jù)發(fā)送到服務(wù)器端才能確定用戶是否沒有填寫某個(gè)必填域,是否輸入了無效的值。Netscape Navigator希望通過JavaScript來解決這個(gè)問題。起初名字為livescript,但是后來Netscape(網(wǎng)景)與Sun公司成立了一個(gè)開發(fā)聯(lián)盟。Netscape為了搭上媒體熱炒Java的順風(fēng)車,臨時(shí)把LiveScript改名為JavaScript,所以從本質(zhì)上來說JavaScript和Java沒什么關(guān)系(趁熱度)。
如今,JavaScript的用途早已不再局限于簡單的數(shù)據(jù)驗(yàn)證,而是具備了與瀏覽器窗口及其內(nèi)容等幾乎所有方面交互的能力。今天的JavaScript已經(jīng)成為一門功能全面的編程語言
總結(jié):js最初的用途是為來實(shí)現(xiàn)用戶與瀏覽器的交互
二、JS為何是單線程的?
JavaScript的單線程,與它的用途有關(guān)。作為瀏覽器腳本語言,JavaScript的主要用途是與用戶互動(dòng),以及操作DOM。這決定了它只能是單線程,否則會(huì)帶來很復(fù)雜的同步問題。比如,假定JavaScript同時(shí)有兩個(gè)線程,一個(gè)線程在某個(gè)DOM節(jié)點(diǎn)上添加內(nèi)容,另一個(gè)線程刪除了這個(gè)節(jié)點(diǎn),這時(shí)瀏覽器應(yīng)該以哪個(gè)線程為準(zhǔn)?
所以,為了避免復(fù)雜性,從一誕生,JavaScript就是單線程,這已經(jīng)成這門語言的核心特征,將來也不會(huì)改變。
注:所謂單線程,是指在JS引擎中負(fù)責(zé)解釋和執(zhí)行JavaScript代碼的線程只有一個(gè)。
三、計(jì)算機(jī)的同步與異步(重點(diǎn))
計(jì)算機(jī)領(lǐng)域中的同步(Synchronous)和異步(Asynchronous)和我們生活中的同步和異步的概念是恰好相反的,感覺是翻譯要背這個(gè)鍋。生活中的同步,突出的是‘同',相同的步伐,是咱倆一起行動(dòng),比如一起去逛街吃飯飯睡覺覺。異步則是你忙你的,我忙我的,步調(diào)不致且互不干擾。難到計(jì)算機(jī)里的同步和異步不是這樣?確實(shí)不是。
計(jì)算機(jī)的同步就好比:你去外地上學(xué)人生地不熟,突然生活費(fèi)不夠了;此時(shí)你決定打電話回家,通知家里轉(zhuǎn)生活費(fèi)過來,可是當(dāng)你撥出電話時(shí),對(duì)方一直處于待接聽狀態(tài)(即:打不通,聯(lián)系不上),為了拿到生活費(fèi),你就不停的oncall、等待,最終可能不能及時(shí)要到生活費(fèi),導(dǎo)致你今天要做的事都沒有完成,而白白花掉了時(shí)間。
計(jì)算機(jī)的異步就是:在你打完電話發(fā)現(xiàn)沒人接聽時(shí),猜想:對(duì)方可能在忙,暫時(shí)無法接聽電話,所以你發(fā)了一條短信(或者語音留言,亦或是其他的方式)通知對(duì)方后便忙其他要緊的事了;這時(shí)你就不需要持續(xù)不斷的撥打電話,還可以做其他事情;待一定時(shí)間后,對(duì)方看到你的留言便回復(fù)響應(yīng)你,當(dāng)然對(duì)方可能轉(zhuǎn)錢也可能不轉(zhuǎn)錢。但是整個(gè)一天下來,你還做了很多事情?;蛘哒f你找室友臨時(shí)借了一筆錢,又開始happy的上學(xué)時(shí)光了。
總結(jié):計(jì)算機(jī)中的同步就是排隊(duì)等待,假如你是第一百零一個(gè)備胎,那你只能等前面的一百個(gè)爆了之后才能‘處理'你。異步就是,盡管你是第一百零一個(gè),她還是能照顧到你的感受。
四、js單線程為什么會(huì)有'異步'問題
看完前面的鋪墊你是否會(huì)產(chǎn)生這些疑問,JS是單線程的,那么他是如何是實(shí)現(xiàn)異步操作的?AJAX異步發(fā)送和回調(diào)請(qǐng)求,還有setTimeout也看起來像是多線程的?不急慢慢來
是的,單線程,那肯定只能同步(排隊(duì))執(zhí)行咯
如果JS中不存在異步,只能自上而下執(zhí)行,萬一上一行解析時(shí)間很長,那么下面的代碼就會(huì)被阻塞。
對(duì)于用戶而言,阻塞就意味著"卡死",這樣就導(dǎo)致了很差的用戶體驗(yàn)
通過事件循環(huán)(event loop)實(shí)現(xiàn)'異步'
經(jīng)典問題:
console.log('1') setTimeout(function(){ console.log('2') },0) console.log('3') // 1,3,2
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn,海內(nèi)外云服務(wù)器15元起步,三天無理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。