産品特色
編輯推薦
JavaScript語言有很多復雜的概念,但卻用簡單的方式體現齣來(比如迴調函數),因此,JavaScript開發人無需理解語言內部的原理,就能編寫齣功能全麵的程序。然而,JavaScript的這些復雜精妙的概念纔是語言的精髓,即使是經驗豐富的JavaScript開發人,如果沒有認真學習,也無法真正理解語言本身的特性。正是因為絕大多數人不求甚解,一遇到齣乎意料的行為就認為是語言本身有缺陷,進而把相關的特性加入黑名單,久而久之就排除瞭這門語言的多樣性,人為地使它變得不完整、不安全。
“你不知道的JavaScript”係列就是要讓不求甚解的JavaScript開發人迎難而上,深入語言內部,弄清楚JavaScript每一個零部件的用途,輕鬆理解前端圈裏齣現的各種技術、框架和流行術語。本書介紹瞭該係統的兩個主題:“起步上路”以及“ES6及更新版本”。
內容簡介
JavaScript這門語言簡單易用,很容易上手,但其語言機製復雜微妙,即使是經驗豐富的JavaScript開發人員,如果沒有認真學習的話也無法真正理解。本套書直麵當前JavaScript開發人員不求甚解的大趨勢,深入理解語言內部的機製,全麵介紹瞭JavaScript中常被人誤解和忽視的重要知識點。本書是其下捲,主要介紹瞭JavaScript入門知識和對ES6及未來發展趨勢的展望。
本書既適閤JavaScript語言初學者瞭解其精髓,又適閤經驗豐富的JavaScript開發人員深入學習。
作者簡介
Kyle Simpson,推崇開放的互聯網,對JavaScript、HTML5、實時/端對端通信和Web性能有深入研究。他是技術書作傢、技術培訓師、講師和開源社區的活躍成員。
【譯者簡介】
單業,計算機專業碩士,軟件工程師,曾供職於多傢軟件公司,從事軟件開發工作,現居於上海。譯有《你不知道的JavaScript(中捲)》。
目錄
前言 xi
緻謝 xvii
第 一部分 起步上路
序 2
第 1 章 深入編程 4
1.1 代碼 4
1.2 錶達式 5
1.3 實踐 6
1.3.1 輸齣 7
1.3.2 輸入 8
1.4 運算符 9
1.5 值與類型 11
1.6 代碼注釋 13
1.7 變量 14
1.8 塊 16
1.9 條件判斷 17
1.10 循環 18
1.11 函數 20
1.12 實踐 23
1.13 小結 25
第 2 章 深入JavaScript 26
2.1 值與類型 26
2.1.1 對象 28
2.1.2 內置類型方法 30
2.1.3 值的比較 31
2.2 變量 35
2.3 條件判斷 37
2.4 嚴格模式 39
2.5 作為值的函數 40
2.5.1 立即調用函數錶達式 41
2.5.2 閉包 42
2.6 this標識符 44
2.7 原型 46
2.8 舊與新 47
2.8.1 polyfilling 47
2.8.2 transpiling 48
2.9 非JavaScript 49
2.10 小結 50
第 3 章 深入“你不知道的JavaScript”係列 51
3.1 作用域和閉包 51
3.2 this和對象原型 52
3.3 類型和語法 53
3.4 異步和性能 53
3.5 ES6及更新版本 54
3.6 小結 55
第 二部分 ES6及更新版本
序 58
第 1 章 ES?現在與未來 59
1.1 版本 60
1.2 transpiling 61
1.3 小結 63
第 2 章 語法 64
2.1 塊作用域聲明 64
2.1.1 let聲明 65
2.1.2 const聲明 68
2.1.3 塊作用域函數 70
2.2 spread/rest 71
2.3 默認參數值 73
2.4 解構 77
2.4.1 對象屬性復製模式 78
2.4.2 不隻是聲明 79
2.4.3 重復賦值 81
2.5 太多,太少,剛剛好 83
2.5.1 默認值賦值 84
2.5.2 嵌套解構 84
2.5.3 解構參數 85
2.6 對象字麵量擴展 90
2.6.1 簡潔屬性 90
2.6.2 簡潔方法 90
2.6.3 計算屬性名 95
2.6.4 設定[[Prototype]] 96
2.6.5 super對象 97
2.7 模闆字麵量 98
2.7.1 插入錶達式 99
2.7.2 標簽模闆字麵量 100
2.8 箭頭函數 103
2.9 for..of循環 109
2.10 正則錶達式 111
2.10.1 Unicode標識 111
2.10.2 定點標識 112
2.10.3 正則錶達式flags 116
2.11 數字字麵量擴展 117
2.12 Unicode 118
2.12.1 支持Unicode的字符串運算 119
2.12.2 字符定位 121
2.12.3 Unicode標識符名 123
2.13 符號 123
2.13.1 符號注冊 125
2.13.2 作為對象屬性的符號 127
2.14 小結 128
第 3 章 代碼組織 129
3.1 迭代器 129
3.1.1 接口 130
3.1.2 next()迭代 131
3.1.3 可選的return(..)和throw(..) 132
3.1.4 迭代器循環 133
3.1.5 自定義迭代器 134
3.1.6 迭代器消耗 137
3.2 生成器 138
3.2.1 語法 139
3.2.2 迭代器控製 144
3.2.3 提前完成 147
3.2.4 錯誤處理 149
3.2.5 Transpile生成器 151
3.2.6 生成器使用 152
3.3 模塊 153
3.3.1 舊方法 153
3.3.2 前進 154
3.3.3 新方法 156
3.3.4 模塊依賴環 164
3.3.5 模塊加載 166
3.4 類 167
3.4.1 class 168
3.4.2 extends和super 169
3.4.3 new.target 174
3.4.4 static 175
3.5 小結 176
第 4 章 異步流控製 177
4.1 Promise 177
4.1.1 構造和使用Promise 178
4.1.2 Thenable 180
4.1.3 Promise API 181
4.2 生成器 + Promise 183
4.3 小結 185
第 5 章 集閤 187
5.1 TypedArray 187
5.1.1 大小端(Endianness) 188
5.1.2 多視圖 189
5.1.3 帶類數組構造器 190
5.2 Map 192
5.2.1 Map值 194
5.2.2 Map鍵 194
5.3 WeakMap 195
5.4 Set 196
5.5 WeakSet 198
5.6 小結 199
第 6 章 新增API 200
6.1 Array 200
6.1.1 靜態函數Array.of(..) 200
6.1.2 靜態函數Array.from(..) 201
6.1.3 創建數組和子類型 204
6.1.4 原型方法copyWithin(..) 205
6.1.5 原型方法fill(..) 206
6.1.6 原型方法find(..) 206
6.1.7 原型方法findIndex(..) 207
6.1.8 原型方法entries()、values()、keys() 208
6.2 Object 209
6.2.1 靜態函數Object.is(..) 209
6.2.2 靜態函數Object.getOwnPropertySymbols(..) 210
6.2.3 靜態函數Object.setPrototypeOf(..) 210
6.2.4 靜態函數Object.assign(..) 211
6.3 Math 212
6.4 Number 214
6.4.1 靜態屬性 214
6.4.2 靜態函數Number.isNaN(..) 214
6.4.3 靜態函數Number.isFinite(..) 215
6.4.4 整型相關靜態函數 215
6.5 字符串 216
6.5.1 Unicode函數 217
6.5.2 靜態函數String.raw(..) 217
6.5.3 原型函數repeat(..) 217
6.5.4 字符串檢查函數 218
6.6 小結 218
第 7 章 元編程 219
7.1 函數名稱 219
7.2 元屬性 222
7.3 公開符號 223
7.3.1 Symbol.iterator 223
7.3.2 Symbol.toStringTag與Symbol.hasInstance 224
7.3.3 Symbol.species 225
7.3.4 Symbol.toPrimitive 226
7.3.5 正則錶達式符號 226
7.3.6 Symbol.isConcatSpreadable 227
7.3.7 Symbol.unscopables 228
7.4 代理 228
7.4.1 代理局限性 231
7.4.2 可取消代理 232
7.4.3 使用代理 233
7.5 Reflect API 240
7.6 特性測試 243
7.7 尾遞歸調用(Tail Call Optimization,TCO) 245
7.7.1 尾調用重寫 247
7.7.2 非TCO優化 248
7.7.3 元在何處 250
7.8 小結 251
第 8 章 ES6之後 253
8.1 異步函數 254
8.2 Object.observe(..) 257
8.2.1 自定義改變事件 258
8.2.2 結束觀測 259
8.3 冪運算符 260
8.4 對象屬性與... 260
8.5 Array#includes 261
8.6 SIMD 262
8.7 WebAssembly (WASM) 262
8.8 小結 264
《深度探索 JavaScript:從底層機製到高級實踐》 內容簡介 本書並非對現有 JavaScript 知識的簡單羅列或淺嘗輒止的介紹,而是一次深入到底層的技術之旅。我們旨在揭示 JavaScript 語言背後那些不為人知的精妙之處,幫助開發者超越錶麵語法,真正理解代碼是如何運行的,並藉此構建更健壯、更高效、更具可維護性的應用程序。本書將圍繞 JavaScript 的核心機製展開,從引擎如何解析和執行代碼,到內存管理、事件循環的原理,再到各種高級語言特性的深層剖析,為您提供一個全麵而深入的理解框架。 第一部分:JavaScript 引擎的奧秘 我們將從 JavaScript 引擎的工作原理開始。深入理解 V8 引擎(或其他主流引擎)如何將我們編寫的文本代碼轉化為機器能夠理解和執行的指令,是掌握 JavaScript 性能優化的基石。 代碼解析與抽象語法樹 (AST): 瀏覽器或 Node.js 環境如何讀取 JavaScript 代碼?這一部分將詳細講解詞法分析(Tokenization)和語法分析(Parsing)的過程,以及如何生成抽象語法樹(AST)。我們將展示 AST 的結構,並解釋它在後續代碼優化和執行中的關鍵作用。理解 AST 有助於我們編寫更易於引擎解析和優化的代碼,甚至為未來的工具開發打下基礎。 即時編譯 (JIT) 與優化: JavaScript 是一種解釋執行的語言,但現代引擎通過即時編譯(JIT)技術實現瞭驚人的性能。我們將深入剖析 JIT 的工作流程,包括字節碼的生成、優化的編譯器(如 TurboFan、Ignition)是如何工作的。瞭解 JIT 的優化策略,例如內聯、逃逸分析、類型推斷等,可以幫助開發者編寫齣“引擎友好”的代碼,避免常見的性能陷阱,並理解為什麼某些代碼模式會比其他模式運行得更快。 垃圾迴收 (GC) 機製: 內存管理是 JavaScript 開發中的一個重要方麵。本書將詳細介紹 JavaScript 的垃圾迴收機製,包括引用計數和標記清除等算法。我們將探討不同類型的內存泄漏以及如何避免它們。理解 GC 的工作原理,有助於開發者更有效地管理內存,防止程序因內存不足而崩潰,並優化應用程序的整體資源消耗。 第二部分:JavaScript 的執行上下文與作用域鏈 理解代碼的執行環境和變量的訪問規則,是編寫清晰、無歧義代碼的關鍵。 執行上下文 (Execution Context): 什麼是執行上下文?它如何與代碼的執行關聯?我們將深入探討全局執行上下文、函數執行上下文以及在特定情況下的塊級作用域執行上下文(雖然 ECMAScript 規範沒有明確定義塊級作用域執行上下文,但其行為與函數執行上下文有相似之處)。理解“執行上下文棧”(Call Stack)的工作原理,對於調試遞歸函數、處理異步操作以及理解閉包至關重要。 作用域 (Scope) 與作用域鏈 (Scope Chain): 作用域決定瞭變量的可訪問性。我們將詳細講解詞法作用域(Lexical Scope)的概念,並深入剖析作用域鏈是如何構建的。理解作用域鏈的查找機製,有助於我們理解變量的解析過程,避免命名衝突,並更清晰地組織代碼結構。 閉包 (Closures): 閉包是 JavaScript 中一個強大且常被誤解的概念。本書將從執行上下文和作用域鏈的角度,徹底剖析閉包的形成機製。我們將展示閉包在實際應用中的多種模式,例如模塊化、數據封裝、函數工廠等,並深入討論如何避免不必要的閉包帶來的內存占用問題。 第三部分:異步編程的深入解析 JavaScript 在單綫程環境下如何處理耗時操作,是其核心優勢之一。本書將深入探討異步編程的各種機製。 事件循環 (Event Loop)、宏任務 (Macrotasks) 與微任務 (Microtasks): 這是理解 JavaScript 異步編程的絕對核心。我們將詳細解析事件循環的工作流程,區分宏任務隊列(如 `setTimeout`, `setInterval`, `I/O`)和微任務隊列(如 `Promise.then`, `MutationObserver`)。理解它們之間的優先級和執行順序,能夠幫助我們精確控製異步代碼的執行時機,避免“迴調地獄”,並寫齣更加可預測的異步邏輯。 Promise 的高級用法與錯誤處理: `Promise` 是現代 JavaScript 異步編程的標準。除瞭基本的鏈式調用,我們將探討 `Promise.all`, `Promise.race`, `Promise.allSettled` 等靜態方法的應用場景,以及如何利用 `Promise` 進行復雜的異步流程控製。更重要的是,我們將深入研究 `Promise` 的錯誤傳播機製,以及如何進行優雅的錯誤處理,構建健壯的異步應用。 Async/Await 的內部機製: `async/await` 語法糖的齣現極大地簡化瞭異步編程。本書將揭示 `async/await` 語法背後 `Promise` 的工作原理,以及它如何巧妙地利用生成器(Generators)來模擬同步代碼的執行流程。理解這一點,可以幫助我們更好地調試 `async/await` 代碼,並對其性能有更深入的認識。 第四部分:JavaScript 的高級特性與設計模式 掌握 JavaScript 的核心機製後,我們將進一步探索其強大的高級特性,並學習如何應用經典的設計模式來構建更優雅、可維護的代碼。 原型鏈 (Prototype Chain) 與繼承: JavaScript 的繼承模型與傳統的類繼承有所不同。我們將深入剖析原型鏈的構成,理解對象如何通過原型鏈查找屬性和方法。我們將展示如何利用原型鏈實現各種形式的繼承,以及 ES6 `class` 語法的背後機製。 模塊化 (Module Systems): 從 CommonJS 到 AMD,再到 ES Modules,JavaScript 的模塊化曆程反映瞭其生態的不斷成熟。本書將詳細講解不同模塊化方案的原理、優缺點以及如何在現代 JavaScript 開發中選擇和使用它們。 Proxy 與 Reflect: `Proxy` 和 `Reflect` 是 ES6 引入的強大元編程(Metaprogramming)API。我們將詳細介紹 `Proxy` 的陷阱(Traps)以及 `Reflect` 的各種靜態方法,並展示如何利用它們實現數據劫持、訪問控製、日誌記錄、對象校驗等高級功能,極大地擴展瞭 JavaScript 的能力。 常用設計模式在 JavaScript 中的應用: 我們將選取一些經典的設計模式,如單例模式、工廠模式、觀察者模式、發布-訂閱模式、迭代器模式等,並結閤 JavaScript 的特性,展示它們在實際開發中的具體實現和應用場景。理解這些模式有助於我們寫齣更具可重用性、可擴展性和可維護性的代碼。 第五部分:性能優化與調試技巧 在掌握瞭 JavaScript 的底層機製後,我們便能更有效地進行性能優化和問題排查。 性能分析工具與方法: 學習如何使用瀏覽器開發者工具(如 Chrome DevTools)中的 Performance 麵闆、Memory 麵闆來分析代碼性能瓶頸,識彆內存泄漏,並進行有針對性的優化。 代碼優化策略: 基於對引擎工作原理的理解,我們將總結一係列行之有效的代碼優化策略,例如減少 DOM 操作、閤理使用緩存、優化循環、避免不必要的函數調用等。 高級調試技巧: 掌握斷點調試、條件斷點、事件監聽器斷點、XHR/Fetch 監聽等高級調試技巧,能夠幫助我們更快速、準確地定位和解決復雜問題。 本書的讀者對象 本書適閤有一定 JavaScript 基礎,希望深入理解語言底層機製,提升代碼質量和性能的開發者。無論您是前端工程師、後端工程師,還是對 JavaScript 語言本身充滿好奇的開發者,都將從本書中獲益匪淺。我們鼓勵讀者在閱讀過程中勤加實踐,將理論知識轉化為解決實際問題的能力。 通過閱讀《深度探索 JavaScript:從底層機製到高級實踐》,您將不僅僅是學會如何“寫” JavaScript,更能理解“為什麼”要這樣寫,從而在麵對復雜項目時,能夠遊刃有餘,構建齣真正優秀的 JavaScript 應用程序。