每個 JavaScript 工程師都應懂的33個概念

2024-05-06 15:28:32

字體：大中小

來源：轉載

供稿：網友

簡介

這個項目是為了幫助開發者掌握 JavaScript 概念而創立的。它不是必備，但在未來學習（JavaScript）中，可以作為一篇指南。

本篇文章是參照 @leonardomso 創立，英文版項目地址在這里。由于原版資源都要翻墻，所以本人創立一個中文版，附上關于這些概念在國內的一些文章和視頻。若有覺得更好的文章或者視頻，可以貢獻出來，覺得有誤的，請聯系我刪除。

若有覺得更好的文章或者視頻，可以貢獻出來，覺得有誤的，請聯系我刪除。

文章的排序優化，前面的文章是介紹概念，后面的文章是深入解讀。將原文的 "高階函數" 和 "map, reduce, filter" 合并為 "map, reduce, filter 等高階函數" 增加 "promise" 概念(替換刪除的 "高階函數")

1. 調用堆棧

文章

Call Stack — MDN [譯] JavaScript 如何工作：對引擎、運行時、調用堆棧的概述 [譯]理解 JavaScript 中的執行上下文和執行棧這一次，徹底弄懂 JavaScript 執行機制解讀 JavaScript 之引擎、運行時和堆棧調用 —— 開源中國 Tasks, microtasks, queues and schedules —— Jake Archibald

視頻

What is the event loop anyway? —— 騰訊視頻(英文字幕) Understanding The JavaScript Call Stack, Event Queue, Event Table, & Event Loop —— Bilibili JS 中的變量提升、堆棧內存及閉包詳解 —— Acfun 事件循環模型 —— PHP 中文網

2. 原始類型

文章

原始數據 —— MDN ECMAScript 原始類型 —— W3school How numbers are encoded in JavaScript —— Dr. Axe 每一個 JavaScript 開發者應該了解的浮點知識 —— 顏海鏡 JavaScript 標準參考教程(基本語法之數值) —— 阮一峰 The Secret Life of JavaScript Primitives —— Angus Croll

視頻

javascript 六種數據類型 javascript 視頻教程(數據類型) —— PHP 中文網

3. 值類型和引用類型

文章

ECMAScript 引用類型 —— W3school js 中的值類型和引用類型的區別 JavaScript 的值傳遞和引用傳遞 Primitive Types & Reference Types in JavaScript —— Bran van der Meer JavaScript: Passing by Value or by Reference —— CSDN js 值引用和值復制 —— SegmentFault js- 引用和復制(傳值和傳址) —— CSDN

4. 隱式, 顯式, 名義和鴨子類型

文章

ECMAScript 類型轉換 —— W3school JavaScript 的怪癖 1：隱式類型轉換 —— justjavac JavaScript 運算符規則與隱式類型轉換詳解 —— 掘金聊一聊 JS 中的隱式類型轉換 —— SegmentFault 有趣的 JavaScript 隱式類型轉換 —— 博客園 JavaScript 顯式類型轉換與隱式類型轉換 —— CSDN 你不知道的 JavaScript（中卷）強制類型轉換 —— 簡書你懂 JavaScript 嗎？#8 強制轉型 —— cythilya 動態類型語言和鴨子類型 —— 曾探 Nominal & Structural Typing —— flow What exactly is Type Coercion in Javascript? —— stackoverflow You Don't Know JS: Types & Grammar —— github

上一篇：Vue創建頭部組件示例代碼詳解

下一篇：在js代碼拼接dom對象到頁面上的模板總結