owned this note changed 4 years ago

Linked with GitHub

探討 JavaScript 中的 synchronization & concurrency - 以 TypeScript 打造的開源 task queue library 為例 - Grimmer

tags: `COSCUP2021` `zh-tw` `COSCUP2021` `COSCUP 主議程軌` `RB105 - Main Track`

歡迎來到 https://hackmd.io/@coscup/2021 共筆

Image Not Showing Possible Reasons

The image file may be corrupted
The server hosting the image is unavailable
The image path is incorrect
The image format is not supported

點擊本頁上方的開始用 Markdown 一起寫筆記！
手機版請點選上方按鈕展開議程列表。

Slido: https://app.sli.do/event/c4o018t8

請從這裡開始

d4c-queue: https://github.com/grimmer0125/d4c-queue
投影片 slide: https://slides.com/grimmer/intro_js_ts_task_queuelib_d4c/
演講 video: https://youtu.be/_wxSAEts35w

async in Javascript

Event loop in main thread 一次只會做一個 code block
會從 task queue 拿 code block 執行
JS runtime 內的 UI event 與 network 會塞 task 進 task queue

task 在 V8 中分兩種

Macrotask：setTimeout, setIntervial, UI event, XMLHttpRequests
Microtask：符合 ECMAScript PromiseJobs 介面的東西
無論是 browser 還是 nodejs 都是一個 macro task 配上多個 micro task

Cheatsheet

Syntax	Example	Reference
# Header	Header	基本排版
- Unordered List	Unordered List
1. Ordered List	Ordered List
- [ ] Todo List	Todo List
> Blockquote	Blockquote
Bold font	Bold font
Italics font	Italics font
~~Strikethrough~~	~~Strikethrough~~
19^th^	19^th
H~2~O	H₂O
++Inserted text++	Inserted text
==Marked text==	Marked text
[link text](https:// "title")	Link
![image alt](https:// "title")	Image
`Code`	`Code`	在筆記中貼入程式碼
```javascript var i = 0; ```	`var i = 0;`	在筆記中貼入程式碼
:smile:		Emoji list
{%youtube youtube_id %}	Externals
$L^aT_eX$	L^aT_eX
:::info This is a alert area. :::	This is a alert area.

Select a repo