《JavaScript實用教程》是2021年清華大學出版社出版的圖書。本書從JavaScript初學者的視角出發，將理論和實踐相結合，通過循序漸進、由淺入深的方式詳解JavaScript核心知識點，讓讀者在學習的過程中不斷提升使用JavaScript的技能水平，並能夠將所學知識運用到實際開發當中去。
基本介紹
- 中文名：JavaScript實用教程
- 作者：鄒瓊俊
- 出版社：清華大學出版社
- ISBN：9787302574705
內容簡介,圖書目錄,作者簡介,
內容簡介
JavaScript在日常開發工作中使用頻率非常高。本書從JavaScript初學者的視角出發，將理論和實踐相結合，通過循序漸進、由淺入深的方式詳解JavaScript核心知識點，讓讀者在學習的過程中不斷提升使用JavaScript的技能水平，並能夠將所學知識運用到實際開發當中去。
本書分為4部分，共12章，主要內容包括JavaScript語法基礎、JavaScript流程控制、數組、函式、作用域、對象和內置對象、BOM、DOM和事件、JavaScript面向對象編程、函式進階、正則表達式、貪吃蛇案例、ES6~ES10特性和TypeScript。
本書適合所有Web技術從業人員、前端開發工程師，也適合作為高等院校和培訓機構計算機及相關專業師生的教學參考書。
圖書目錄
第1部分 JavaScript基礎
第1章 JavaScript 語法基礎 3
1.1 基本概念和開發工具 3
1.1.1 電腦程式 3
1.1.2 計算機語言 3
1.1.3 程式語言 3
1.1.4 翻譯器 4
1.1.5 程式語言和標記語言的區別 4
1.1.6 計算機基礎 5
1.1.7 瀏覽器 6
1.1.8 網頁、網站和應用程式 6
1.1.9 開發工具 6
1.2 JavaScript 是什麼 7
1.2.1 JavaScript語言特點 8
1.2.2 編譯語言和腳本語言的對比 8
1.2.3 JavaScript套用場景 8
1.2.4 JavaScript與瀏覽器的關係 9
1.2.5 JavaScript的組成 9
1.3 初次體驗JavaScript 代碼 10
1.3.1 注意事項 11
1.3.2 代碼注釋 12
1.4 變數 13
1.4.1 變數引入、聲明和初始化 13
1.4.2 變數在記憶體中的存儲 13
1.4.3 變數的命名規則和規範 14
1.5 數據類型 15
1.5.1 number類型 16
1.5.2 進制介紹（了解） 16
1.5.3 string類型 19
1.5.4 boolean類型 21
1.5.5 undefined和null 21
1.5.6 數據類型轉換 21
1.5.7 字面量 23
1.5.8 獲取變數的類型 24
1.5.9 複雜數據類型object 24
1.6 運算符 25
1.6.1 算術運算符 25
1.6.2 一元運算符 25
1.6.3 邏輯運算符 26
1.6.4 關係運算符 26
1.6.5 賦值運算符 26
1.6.6 運算符的優先權 27
第2章 JavaScript流程控制 28
2.1 順序結構 28
2.2 分支結構 28
2.2.1 if語句 28
2.2.2 三元運算符 30
2.2.3 switch語句 30
2.2.4 分支語句總結 31
2.2.5 布爾類型的隱式轉換 32
2.3 循環結構 32
2.3.1 while語句 32
2.3.2 do-while語句 33
2.3.3 for語句 34
2.3.4 continue和break 35
2.4 調試 35
第3章 數組、函式、作用域 37
3.1 數組 37
3.1.1 為什麼要學習數組 37
3.1.2 數組的概念 37
3.1.3 數組的定義 37
3.1.4 獲取數組元素 39
3.1.5 遍歷數組 39
3.1.6 數組中新增元素 39
3.1.7 數組案例 40
3.2 函式 41
3.2.1 為什麼要有函式 41
3.2.2 什麼是函式 42
3.2.3 函式的聲明 42
3.2.4 函式的調用 42
3.2.5 函式的參數 43
3.2.6 函式的返回值 44
3.2.7 arguments的使用 45
3.2.8 匿名函式 45
3.2.9 自調用函式 46
3.2.10 函式的數據類型 46
3.3 作用域 47
3.3.1 全局變數和局部變數 47
3.3.2 塊級作用域 48
3.3.3 詞法作用域 48
3.3.4 作用域鏈 49
3.3.5 變數提升 50
3.3.6 預解析 50
第4章 對象和內置對象 53
4.1 對象 53
4.1.1 為什麼要有對象 53
4.1.2 什麼是對象 53
4.1.3 JavaScript中的對象 54
4.1.4 對象創建方式 54
4.1.5 屬性和方法 55
4.1.6 new關鍵字 56
4.1.7 this關鍵字 56
4.1.8 對象操作 57
4.2 基本類型和複雜類型 58
4.2.1 堆和棧 58
4.2.2 值類型在記憶體中的存儲 58
4.2.3 引用類型在記憶體中的存儲 59
4.2.4 將值類型作為函式的參數 59
4.2.5 將引用類型作為函式的參數 60
4.3 內置對象 61
4.3.1 Math對象 61
4.3.2 Date對象 62
4.3.3 Array對象 65
4.3.4 基本包裝類型 68
4.3.5 String對象 68
4.3.6 Number對象 71
4.3.7 Boolean對象 72
第2部分 Web API
第5章 BOM 75
5.1 BOM簡介 75
5.1.1 BOM的概念 75
5.1.2 BOM的對象Window 75
5.2 對話框 77
5.2.1 alert() 77
5.2.2 prompt() 77
5.2.3 confirm() 78
5.3 頁面載入事件 78
5.4 定時器 79
5.5 Location對象 80
5.6 History對象 82
5.7 Navigator對象 84
第6章 DOM和事件 86
6.1 DOM 86
6.1.1 DOM的概念 86
6.1.2 模擬文檔樹結構 87
6.1.3 獲取DOM元素 88
6.2 事件 90
6.3 屬性操作 91
6.3.1 非表單元素屬性 91
6.3.2 innerText、textContent 94
6.3.3 innerHTML和innerText的區別 94
6.3.4 表單元素屬性 95
6.3.5 自定義屬性操作 99
6.3.6 樣式操作 101
6.3.7 類名操作 101
6.3.8 創建元素的三種方式 103
6.4 節點操作 105
6.4.1 節點的基本操作 105
6.4.2 節點屬性操作 107
6.4.3 節點層級 107
6.5 事件詳解 110
6.5.1 註冊/移除事件的三種方式 110
6.5.2 事件冒泡 112
6.5.3 事件的三個階段 114
6.5.4 事件對象的屬性和方法 115
6.6 偏移量 120
6.6.1 獲取元素：offset系列 120
6.6.2 可視區域：client系列 121
6.6.3 滾動偏移：scroll系列 122
6.7 綜合案例 123
6.7.1 輪播圖 123
6.7.2 固定導航欄 129
6.7.3 導航欄特效 131
第3部分 JavaScript 進階
第7章 JavaScript 面向對象編程 137
7.1 面向對象簡介 137
7.2 創建對象的方式 138
7.2.1 以字面量的方式創建對象 138
7.2.2 通過調用系統的構造函式來創建對象 139
7.2.3 通過自定義構造函式來創建對象 139
7.2.4 以工廠模式創建對象 140
7.2.5 工廠模式和自定義構造函式創建對象的區別 140
7.2.6 構造函式和對象的關係 141
7.3 原型的引入 142
7.4 面向過程和面向對象 143
7.5 構造函式、原型對象、實例對象之間的關係 145
7.6 利用原型共享數據 145
7.6.1 原型的簡單語法 145
7.6.2 原型中的方法使用 146
7.6.3 內置對象的原型方法 147
7.6.4 把局部變數變成全局變數 148
7.7 原型及原型鏈 149
7.7.1 原型指向可以改變 149
7.7.2 實例對象屬性和原型對象屬性重名問題 151
7.7.3 通過一個HTML的元素對象來查看原型鏈 153
7.8 實現繼承 153
7.8.1 原型實現繼承 154
7.8.2 構造函式實現繼承 155
7.8.3 組合繼承 156
7.8.4 拷貝繼承 157
第8章 函式進階和其他 159
8.1 函式的定義方式 159
8.2 函式的調用方式 160
8.2.1 函式內 this 指向的不同場景 160
8.2.2 嚴格模式 162
8.2.3 函式也是對象 163
8.2.4 數組中函式的調用 164
8.2.5 apply和call調用 165
8.2.6 bind方法 167
8.2.7 call、apply和bind的區別 168
8.3 函式中自帶的屬性 168
8.4 將函式作為參數使用 169
8.5 將函式作為返回值使用 170
8.6 作用域和作用域鏈 171
8.7 閉包 173
8.8 沙箱模式 174
8.9 遞歸 175
8.10 淺拷貝和深拷貝 176
8.11 遞歸案例 179
8.11.1 遍歷DOM樹 179
8.11.2 生成選單導航 180
8.12 偽數組和數組 182
8.13 JavaScript 垃圾回收機制 184
8.13.1 可訪問性 184
8.13.2 一個簡單的示例 184
8.13.3 兩個引用 185
8.13.4 相互引用的對象 186
8.13.5 孤島 187
8.13.6 內部算法 188
第9章 正則表達式 190
9.1 正則表達式簡介 190
9.1.1 正則表達式的概念 190
9.1.2 正則表達式的作用 190
9.1.3 正則表達式的特點 190
9.1.4 正則表達式的組成 191
9.1.5 常用案例 192
9.1.6 如何驗證正則表達式的正確性 192
9.2 在JavaScript 中使用正則表達式 193
9.2.1 創建正則對象 193
9.2.2 正則匹配 194
9.2.3 正則提取 194
9.2.4 正則替換 196
9.3 正則表達式使用案例 197
9.3.1 密碼強度驗證 197
9.3.2 表單驗證 200
第10章 貪吃蛇案例 203
10.1 案例介紹 203
10.2 實現步驟 204
10.2.1 畫地圖和操作按鈕 204
10.2.2 封裝食物對象 205
10.2.3 封裝小蛇對象 207
10.2.4 封裝遊戲對象 210
10.2.5 遊戲調用 212
第4部分 JavaScript下一代標準
第11章 ES6~ES10新特性 215
11.1 ES6新特性 215
11.1.1 箭頭函式 215
11.1.2 const和let 216
11.1.3 模板字元串 216
11.1.4 函式的參數默認值 216
11.1.5 延展操作符 217
11.1.6 對象解構 217
11.1.7 for-of和for-in 217
11.1.8 對象屬性簡寫 218
11.1.9 Promise 218
11.1.10 class 221
11.1.11 模組化 222
11.2 ES7新特性 224
11.2.1 Array.prototype.includes() 224
11.2.2 指數操作符** 224
11.3 ES8新特性 224
11.3.1 async和await 224
11.3.2 Object.values/Object.entries 226
11.3.3 padStart和padEnd 227
11.4 ES9新特性 228
11.4.1 for await-of 228
11.4.2 Object Rest Spread 229
11.4.3 Promise.prototype.finally() 231
11.4.4 新的正則表達式特性 232
11.5 ES10新特性 234
11.5.1 Array.prototype.flat() 234
11.5.2 Array.prototype.flatMap() 235
11.5.3 String.trimStart和String.trimEnd 235
11.5.4 String.prototype.matchAll 235
11.5.5 修改catch綁定 236
11.5.6 新的基本數據類型BigInt 236
11.5.7 Object.fromEntries() 236
11.5.8 Symbol.prototype.description 237
11.5.9 Function.prototype.toString() 237
第12章 TypeScript 238
12.1 TypeScript簡介 238
12.1.1 安裝TypeScript 238
12.1.2 開始我們的個TypeScript程式 239
12.1.3 類型註解 241
12.1.4 接口 241
12.1.5 類 242
12.2 TypeScript基礎類型 242
12.2.1 元組 243
12.2.2 枚舉 243
12.2.3 任意值 244
12.2.4 空值 244
12.2.5 null和undefined 245
12.2.6 never 245
12.2.7 類型斷言 245
12.3 總結 245
作者簡介
鄒瓊俊，湖南人，Web前端與.NET高級工程師，CSDN學院講師，專注於.NET與Web前端開發，對.NET 與Web前端開發有較深研究。著有熱銷圖書《Vue.js 2.x實踐指南》《ASP.NET MVC企業級實戰》。
