Web Workers Part 1:什么是Web Workers

“Web Workers”在WHATWG里已經(jīng)是LS,被大多數(shù)瀏覽器支持堂氯,詳細可看caniuse蔑担。

在講述Web Workers究竟是什么之前,我們先回頭看一下歷史遺留問題咽白。

痛點:單線程

瀏覽器端的javascript屬于單線程環(huán)境--你不能同時運行多個腳本啤握,也做不到一邊運行著復(fù)雜運算一邊響應(yīng)著用戶的交互事件。
考慮這么一個例子:

我希望用戶打開我的Web App后晶框,在正常使用著應(yīng)用的同時排抬,
偷偷地幫我運行一些耗時很長的破解工作(可能是破解密碼或其他)懂从。

先不考慮這個實例是否道德,而實際上傳統(tǒng)瀏覽器也不提供多線程技術(shù)讓我們實現(xiàn)這種功能蹲蒲。雖然異步番甩、事件機制(如利用setInterval、setTimeout等)在一定程度上能模擬“并行”届搁,但始終不能實現(xiàn)流暢的多線程執(zhí)行缘薛,更別說利用多核CPU。

什么是Web Workers

Web Workers出現(xiàn)的目的就是解決上述的這種單線程卡睦。利用Web Workers技術(shù)宴胧,我們可以在瀏覽器端實現(xiàn)多線程。Web Workers是:

An API for running scripts in the background independently of any user interface scripts.

Web Workers能幫助你創(chuàng)建獨立的表锻、不與頁面線程相互影響的域恕齐,來執(zhí)行你的javascript代碼。

創(chuàng)建一個Worker

下文會用“window域”指代頁面代碼所在的作用域浩嫌。

創(chuàng)建Worker只需要簡單的兩步檐迟,一是注備好你要獨立線程執(zhí)行的代碼,二是new一個Worker:

// secret-job.js

while(true) {
  // Do secret jobs.
}
<!-- index.html -->

<script>
let secretWorker = new Worker('secret-job.js');
</script>

上面代碼做了:

  • 在window域里創(chuàng)建一個新的Worker码耐,并賦值給secretWorker
  • Worker創(chuàng)建的同時追迟,會創(chuàng)建一個新的DedicatedWorkerGlobalScope
  • 這個DedicatedWorkerGlobalScope是一個與window域完全獨立的作用域;這兩個作用域下沒有任何共同的東西骚腥,而且由兩個線程分別執(zhí)行
  • "secret-job.js"的代碼會在DedicatedWorkerGlobalScope里執(zhí)行

就這樣敦间,你實現(xiàn)了“使用一個新的線程執(zhí)行特定的js代碼”。

創(chuàng)建一個新的Worker時發(fā)生了什么

  • 得到一個Worker實例
  • 創(chuàng)建一個新的WorkerGlobalScope
  • 創(chuàng)建一個新的線程
  • 參數(shù)對應(yīng)的js文件的代碼會以WorkerGlobalScope作為context束铭,在這個新的線程里執(zhí)行

但:

  • WorkerGlobalScope是什么廓块?
  • DedicatedWorkerGlobalScope又是什么?
  • 在WorkerGlobalScope下為什么很多東西如window契沫、document都拿不到带猴?

這些東西我會在以后說明,而下篇我們要先討論一個更重要的問題:域(線程)間的通信懈万。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末拴清,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子会通,更是在濱河造成了極大的恐慌口予,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,013評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件涕侈,死亡現(xiàn)場離奇詭異沪停,居然都是意外死亡,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,205評論 2 382
  • 文/潘曉璐 我一進店門木张,熙熙樓的掌柜王于貴愁眉苦臉地迎上來众辨,“玉大人,你說我怎么就攤上這事窟哺⌒汉洌” “怎么了?”我有些...
    開封第一講書人閱讀 152,370評論 0 342
  • 文/不壞的土叔 我叫張陵且轨,是天一觀的道長浮声。 經(jīng)常有香客問我,道長旋奢,這世上最難降的妖魔是什么泳挥? 我笑而不...
    開封第一講書人閱讀 55,168評論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮至朗,結(jié)果婚禮上屉符,老公的妹妹穿的比我還像新娘。我一直安慰自己锹引,他們只是感情好矗钟,可當(dāng)我...
    茶點故事閱讀 64,153評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著嫌变,像睡著了一般吨艇。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上腾啥,一...
    開封第一講書人閱讀 48,954評論 1 283
  • 那天东涡,我揣著相機與錄音,去河邊找鬼倘待。 笑死疮跑,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的凸舵。 我是一名探鬼主播祖娘,決...
    沈念sama閱讀 38,271評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼啊奄!你這毒婦竟也來了贿条?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,916評論 0 259
  • 序言:老撾萬榮一對情侶失蹤增热,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后胧辽,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體峻仇,經(jīng)...
    沈念sama閱讀 43,382評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,877評論 2 323
  • 正文 我和宋清朗相戀三年邑商,在試婚紗的時候發(fā)現(xiàn)自己被綠了摄咆。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片凡蚜。...
    茶點故事閱讀 37,989評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖吭从,靈堂內(nèi)的尸體忽然破棺而出朝蜘,到底是詐尸還是另有隱情,我是刑警寧澤涩金,帶...
    沈念sama閱讀 33,624評論 4 322
  • 正文 年R本政府宣布谱醇,位于F島的核電站,受9級特大地震影響步做,放射性物質(zhì)發(fā)生泄漏副渴。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,209評論 3 307
  • 文/蒙蒙 一全度、第九天 我趴在偏房一處隱蔽的房頂上張望煮剧。 院中可真熱鬧,春花似錦将鸵、人聲如沸勉盅。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,199評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽草娜。三九已至,卻和暖如春一喘,著一層夾襖步出監(jiān)牢的瞬間驱还,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,418評論 1 260
  • 我被黑心中介騙來泰國打工凸克, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留议蟆,地道東北人。 一個月前我還...
    沈念sama閱讀 45,401評論 2 352
  • 正文 我出身青樓萎战,卻偏偏與公主長得像咐容,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子蚂维,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,700評論 2 345

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