Frontend Engineer 菜雞修煉場
  • 基礎
  • 進階
  • 框架
  • CSS
  • 管理
  • 套件
  • UI/UX
  • 參考資料
  • 中文
    EN
中文
EN
  • 進階
    • 變數
      • Primitive types vs objects 原生型態與 object 比較
      • 淺拷貝 (Shallow Copy) 與深拷貝 (Deep Copy)
      • immutable (可變的) 與 immutability (不可變的)
      • 記憶體洩漏(memory leaks)
      • 型別轉換 Type Transform
      • Delete 刪除變數釋放記憶體
      • 記憶體管理 Memory Management
    • 核心原理
      • hoisting 提升
      • Stack 堆疊 / Queue 佇列 / Heap 堆
    • 函式
      • Closure 閉包
      • Prototype 原型
      • IIFE 立即執行的函數
      • function expression(函式陳述式) VS declaration (函式運算式)
      • Currying 柯里化
    • 事件
      • event loop 事件迴圈
      • Emitter
    • Promise / Async / Await
    • 加解密
    • Http
    • 壓力測試
  1. 進階
  2. 事件

事件

Node.js 事件

JS 是 單執行緒,所有同步性的工作,會一個個執行,但遇到非同步的操作就會先放到一個叫做 task queue 的地方,等到目前沒有其他工作,就會到 task queue 看看有沒有還沒執行的任務,再把它拿出來執行。

one thread == one call stack == one thing at a time

事件

event loop 教學

參考資料

  • 到底 Event Loop 關我啥事?. 初學者也能懂「為什麼 JavaScript 中存在事件循環(Event Loop)?」 | by 郭耿綸 Kaleb | 無限賽局玩家 Infinite Gamer | Publication
  • [面試] 前端工程師一定要會的 JS 觀念題-中英對照之上篇. 提供一個面試目錄的概念,並不會詳細解釋每一題,但會提供當初我在面試前準備的中英文… | by Hannah Lin | Starbugs Weekly 星巴哥技術專欄 | Medium
  • What is an event loop in JavaScript?
  • Event loop: microtasks and macrotasks
  • Microtasks
  • Day5 [JavaScript 基礎] Event Loop 機制 - iT 邦幫忙::一起幫忙解決難題,拯救 IT 人的一天
  • 一次只能做一件事情的 JavaScript,解釋 Event queue 怎能不用動畫呢 - iT 邦幫忙::一起幫忙解決難題,拯救 IT 人的一天
  • Worker threads | Node.js v17.8.0 Documentation
  • Tasks, microtasks, queues and schedules - JakeArchibald.com

event loop 事件迴圈

Node.js event loop 事件迴圈

Emitter

Node.js Emitter

最後修改 April 6, 2022
© 2022 KJ All Rights Reserved