適讀人群 ：本書針對於JavaScript語言的初學者、對ES6標準（在此標準中開發了諸多JavaScript新特性）的新技術研究者以及JavaScript開發者中的對基礎知識、底層原理、優化效率的求知者。

本書內容是純JavaScript語言部分，和瀏覽器無關，包括JavaScript基本語法、數據類型、流程控制、函數、對像、數組和內置對像，所有知識點都是為了學習DOM編程、Node.js、JS框架等JavaScript高級部分做準備。本書雖然是JavaScript的基礎部分，但全書內容都需要牢牢掌握，纔能更好地晉級學習。

兄弟連IT教育，成立於2006年，中國程序員培訓領導者。兄弟連以“優秀的教學、嚴格的管理、職業素質課貫穿始終”而聞名，現已開設PHP、UI、HTML5、Java/Android、iOS、Linux等眾多課程，分別在北京、上海、廣州、瀋陽、揚州、蘇州、鄭州、濟南設立校區，今後會陸續在成都、西安、武漢等地建設校區，每年有數十萬名學員受益於兄弟連的職業培訓、教學視頻、網絡公開課、院校講座、出版書籍。我們相信，我們不僅僅是老師，更是學員的夢想守護者與職場引路人。

第1章 初識JavaScript 1
1．1 JavaScript概述 2
1．1．1 JavaScript和HTML的關繫 2
1．1．2 JavaScript與瀏覽器的關繫 3
1．1．3 JavaScript的運行原理 4
1．2 JavaScript的主要應用 5
1．2．1 處理用戶事件 5
1．2．2 用JavaScript跨平臺開發移動APP 7
1．2．3 與Web服務器的交互時間 8
1．2．4 編寫頁面特效 8
1．2．5 客戶端功能插件 10
1．2．6 遊戲和微活動 11
1．2．7 其他方面的應用 11
1．3 JavaScript的發展史 12
1．3．1 JavaScript的誕生 12
1．3．2 JavaScript與Java的關繫 13
1．3．3 JavaScript與JScript的關繫 13
1．4 偉大的ECMA標準 13
1．4．1 ECMAScript標準是什麼 14
1．4．2 ECMAScript標準的由來 14
1．4．3 ECMAScript的版本 14
1．4．4 ECMAScript第6版的新特性 15

1．5 JavaScript的特性 16
1．6 JavaScript的組成 16
1．6．1 JavaScript語言的語法 17
1．6．2 文檔對像模型（DOM） 17
1．6．3 瀏覽器對像模型（BOM） 18
1．7 JavaScript在移動開發中的應用 19
1．7．1 PC端和移動端開發的區別 19
1．7．2 什麼是移動端Web APP 19
1．8 JavaScript常見的開發形式 20
1．8．1 原生JavaScript 20
1．8．2 JavaScript插件 20
1．8．3 JavaScript框架 20
1．9 JavaScript的開發工具 21
1．10 本書的上下文內容 23
1．11 JavaScript的學習方法 23
1．11．1 編程思想 24
1．11．2 編程實戰 24
1．11．3 要事為先的原則 24
1．11．4 Bug解決之道 25
1．11．5 看教學視頻，讓學習變得簡單 26
本章小結 27
課後練習題 27
第2章 學習前的準備 29
2．1 開發環境和開發工具的選擇與使用 29
2．1．1 開發環境 30
2．1．2 開發工具 34
2．1．3 *擴展 36
2．2 在HTML中如何使用JavaScript 38
2．2．1 行內式 38
2．2．2 嵌入式 42
2．2．3 引入式 43
2．2．4 三種方式的特點 44

2．3 基本調試方法 45
2．3．1 警告窗 45
2．3．2 修改網頁內容 46
2．3．3 修改標簽內容 47
2．3．4 控制臺 50
2．4 書寫規範 52
2．4．1 基本的標點符號 52
2．4．2 嚴格區分大小寫 55
2．4．3 注釋 56
2．5 標識符 58
2．6 保留字 59
2．7 JavaScript的優化設計思想 60
本章小結 61
課後練習題 62
第3章 JavaScript中的變量 64
3．1 變量的聲明和賦值 64
3．1．1 變量聲明 64
3．1．2 變量賦值 66
3．2 變量提升 67
3．3 全局變量和局部變量 69
3．4 變量的命名規則 70
3．5 ES6新特性之局部變量 71
3．5．1 let關鍵字的基本使用 71
3．5．2 新增的區塊作用域 72
3．5．3 關鍵字let與var的區別 73
3．6 ES6新特性之全局變量 75
3．7 ES6新特性之解構賦值 76
本章小結 78
課後練習題 78
第4章 JavaScript的數據類型 80
4．1 獲取數據類型 80
4．2 字符串類型（string） 82
4．2．1 字面量表示 82
4．2．2 轉義字符 84
4．2．3 字符串的特點 85
4．2．4 ES6新特性之模板字符串 86
4．3 數值類型（number） 88
4．3．1 字面量表示 88
4．3．2 進制轉換 88
4．3．3 浮點數 89
4．3．4 浮點數的算術運算 90
4．3．5 數值範圍 91
4．3．6 NaN 91
4．4 布爾類型（boolean） 92
4．5 未定義類型（undefined） 93
4．6 空類型（null） 93
4．7 對像類型（object） 94
4．8 類型轉換 95
4．8．1 字符串類型轉換 95
4．8．2 數值類型轉換 97
4．8．3 布爾類型轉換 101
4．9 ES6之Symbol類型 102
4．9．1 Symbol類型的創建 103
4．9．2 Symbol類型的特性 103
4．9．3 獲取已創建的Symbol類型 105
本章小結 107
課後練習題 107
第5章 表達式與運算符 110
5．1 表達式 110
5．1．1 簡單表達式 111
5．1．2 復雜表達式 111
5．2 運算符 113
5．2．1 算術運算符 113
5．2．2 賦值運算符 118
5．2．3 關繫運算符 118
5．2．4 邏輯運算符 121
5．2．5 位運算符 126
5．2．6 其他運算符 129
5．2．7 優先級 133
本章小結 136
課後練習題 136
第6章 語句 139
6．1 順序結構 139
6．2 表達式語句 140
6．3 聲明語句 141
6．4 條件語句 141
6．4．1 if語句 142
6．4．2 if．．．else語句 143
6．4．3 else if語句 145
6．4．4 switch語句 147
6．5 循環語句 149
6．5．1 while循環 150
6．5．2 do．．．while循環 151
6．5．3 for循環 152
6．5．4 for．．．in循環 156
6．6 跳出語句 156
6．6．1 label語句 157
6．6．2 break語句 157
6．6．3 continue語句 158
本章小結 160
課後練習題 160
第7章 函數 163
7．1 函數分類 163
7．2 自定義函數 164
7．2．1 函數的創建和調用 164
7．2．2 參數 166
7．2．3 返回值 170
7．3 函數的特殊類型 170
7．3．1 函數表達式 170
7．3．2 自執行函數 171
7．3．3 回調函數 173
7．3．4 遞歸函數 175
7．3．5 構造函數 178
7．4 函數作用域 178
7．4．1 局部變量 178
7．4．2 變量的訪問機制 179
7．4．3 變量的生命周期 180
7．5 閉包 181
7．6 ES6函數新特性 184
7．6．1 rest參數 184
7．6．2 箭頭函數 184
本章小結 186
課後練習題 186
第8章 對像 189
8．1 理解對像 189
8．1．1 什麼是對像 190
8．1．2 對像有什麼用 191
8．1．3 如何使用對像 192
8．2 創建對像 194
8．2．1 字面量創建 194
8．2．2 構造函數創建 195
8．2．3 工廠模式 196
8．2．4 自定義構造函數 197
8．3 對像屬性 200
8．3．1 屬性的查詢 200
8．3．2 屬性的刪除 200
8．3．3 屬性的遍歷 201
8．4 對像的存儲 202
8．4．1 存儲機制 202
8．4．2 垃圾回收機制 203
8．4．3 內存優化 203
8．5 ES6對像新特性 204
8．5．1 屬性的簡潔表示法 204
8．5．2 屬性名的表達式 206
本章小結 208
課後練習題 208
第9章 數組 210
9．1 理解數組 210
9．1．1 什麼是數組 210
9．1．2 數組的組成結構 211
9．1．3 數組和對像的聯繫與區別 211
9．2 創建數組 213
9．2．1 構造函數創建數組 214
9．2．2 數組直接量創建數組 215
9．3素 216
9．3素的獲取 216
9．3素的添加、修改和刪除 217
9．3素的查詢 221
9．3素的遍歷 222
9．4 特殊的數組形式 225
9．4．1 稀疏數組 226
9．4．2 多維數組 227
9．4．3 類數組對像 228
9．4．4 字符串 229
9．5 數組特有的方法 229
9．5．1 join()方法 230
9．5．2 concat()方法 230
9．5．3 splice()方法 232
9．5．4 slice()方法 232
9．5．5 push()和pop()方法 233
9．5．6 unshift()和shift()方法 233
9．5．7 forEach()方法 234
9．5．8 map()方法 235
9．5．9 filter()方法 236
9．5．10 every()和some()方法 237
9．5．11 reduce()和reduceRight()方法 238
9．5．12 indexOf()和lastIndexOf()方法 239
9．6 ES6數組新特性 239
9．6．1 Array．of()方法 240
9．6．2 數組實例的find()和findIndex()方法 240
9．6．3 數組實例的fill()方法 241
本章小結 242
課後練習題 243
第10章 內置對像 245
10．1 String對像 245
10．1．1 簡單上手 246
10．1．2 構造方法 246
10．1．3 其他方法 247
10．1．4 實際操作 248
10．2 Math對像 249
10．2．1 簡單上手 250
10．2．2 對像屬性 250
10．2．3 對像方法 250
10．2．4 實際操作 251
10．3 Date對像 253
10．3．1 簡單上手 253
10．3．2 構造方法 253
10．3．3 實例方法 255
10．3．4 靜態方法 258
10．3．5 實際操作 259
10．4 RegExp對像 260
10．4．1 簡單上手 260
10．4．2 構造方法 260
10．4字符 261
10．4．4 運算符優先級 263
10．4．5 實際操作 264
10．5 Number對像 265
10．5．1 簡單上手 265
10．5．2 構造方法 265
10．5．3 對像屬性 266
10．5．4 對像方法 266
10．5．5 實際操作 268
10．6 Event對像 268
10．6．1 簡單上手 269
10．6．2 事件句柄（Event Handlers） 269
10．6．3 鼠標/鍵盤屬性 271
10．6．4 IE屬性 272
10．6．5 標準Event對像屬性 274
10．6．6 標準Event對像方法 274
本章小結 275
課後練習題 275

隨著HTML5標準化逐漸成熟，以及互聯網的飛速發展和移動端的應用不斷創新，再加上微信公眾號、小程序的應用飆升，原生APP向Web APP和混合APP的轉變，用戶對視覺效果和操作體驗的要求越來越高，HTML5成為移動互聯網的主要技術，也是目前的主流技術之一。HTML5是超文本標記語言（HTML）的第5次修訂，是近年來Web標準的巨大飛躍。Web是一個內涵極為豐富的平臺，和以前版本不同的是，HTML5並非僅僅用來表示Web內容，在這個平臺上還能非常方便地加入視頻、音頻、圖像、動畫，以及與計算機的交互。HTML5的意義在於它帶來了一個無縫的網絡，無論是PC、平板電腦，還是智能手機，都能非常方便地瀏覽基於HTML5的各類網站。對用戶來說，手機上的APP會越來越少，用HTML5實現的一些應用不需要下載安裝，就能立即在手機界面中生成一個APP圖標，使用手機中的瀏覽器來運行，新增的導航標簽也能更好地幫助小屏幕設備和視力障礙人士使用。HTML5擁有服務器推送技術，給用戶帶來了更便捷的實時聊天功能和更快的網遊體驗。
HTML5對於開發者來說更是福音。HTML5本身是由W3C推薦的，也就意味著每一個瀏覽器或每一個平臺都可以實現，這樣可以開發者花在瀏覽器頁面展現兼容性上的時間。另外，HTML5是Web前端技術的一個代名詞，其核心技術點還是JavaScript。如HTML5的服務器推送技術，再結合JavaScript編程，能夠幫助我們實現服務器將數據“推送”到客戶端的功能，客戶端與服務器之間的數據傳輸將更加高效。基於SVG、Canvas、WebGL及CSS3的3D功能，會讓用戶驚嘆在瀏覽器中所呈現的各種炫酷的視覺效果。以往在iPhone iPad上不支持的Flash將來都有可能通過HTML5華麗地呈現在用戶的iOS設備上。
本套圖書介紹
為了讓前端初學者少走彎路，快速而輕松地學習HTML5和JavaScript編程，我們結合新技術和兄弟連多年的教學經驗積累，再通過對企業實際應用的調研，編寫了一整套HTML5繫列圖書，共5本，包括《細說網頁制作》、《細說JavaScript》、《細說DOM編程》、《細說AJAX與jQuery》和《細說HTML5高級API》，每一本書都是不同層次的完整內容，不僅給初學者安排了循序漸進的學習過程，也便於不同層次的讀者選擇；既適合沒有編程基礎的前端初學者作為入門教程，也適合正在從事前端開發的人員作為技術提升參考資料。本套圖書編寫的初衷是為了緊跟新技術和兄弟連IT教育HTML5學科的教學發展，作為本校培訓教程使用，也可作為大、中專院校和其他培訓學校的教材使用。同時，對於前端開發愛好者，本書也有較高的參考價值。
《細說網頁制作》
作為“跟兄弟連學HTML5繫列教程”的第一本書，主要帶領HTML5初學者一步步完成精美的頁面制作。本書內容包括HTML應用、CSS應用、HTML5的新技術、各種主流的頁面布局方法和一整套頁面開發實戰技能，讓讀者可以使用多種方法完成PC端的頁面制作、移動端的頁面制作，以及響應式布局頁面的制作，不僅能做出頁面，還能掌握如何做好頁面。
《細說JavaScript》
這是“跟兄弟連學HTML5繫列教程”的第二本書，在學習本書之前需要簡單了解一下第一本書中的HTML和CSS內容。本書內容是純JavaScript語言部分，和瀏覽器無關，包括JavaScript基本語法、數據類型、流程控制、函數、對像、數組和內置對像，所有知識點都是為了學習DOM編程、Node.js、JS框架等JavaScript高級部分做準備。本書雖然是JavaScript的基礎部分，但全書內容都需要牢牢掌握，纔能更好地晉級學習。
《細說DOM編程》
這是“跟兄弟連學HTML5繫列教程”的第三本書，全書內容都和瀏覽器相關，在學習本書之前需要掌握前兩本書的技術。本書內容包括BOM和DOM兩個關鍵技術點，並且全部以PC端和移動端的Web特效為主線，以實例貫穿全部知識點進行講解。學完本書的內容，不僅可以用JavaScript原生的語法完成頁面的特效編寫，也為學習後面的JavaScript框架課程做好了準備。本書內容是Web前端課程的核心，需要讀者按書中的實例多加練習，能熟練地進行瀏覽器中各種特效程序的開發。
《細說AJAX與jQuery》
這是“跟兄弟連學HTML5繫列教程”的第四本書，其內容是建立在第三本書之上的，包括服務器端開發語言Node.js、異步傳輸AJAX和jQuery框架三部分。其中，Node.js部分是為了配合AJAX完成客戶端向服務器端的異步請求；jQuery是目前主流的前端開發框架，其目的是讓開發者用盡量少的代碼完成盡可能多的功能。AJAX和jQuery是目前前端開發的必備技術，本書從基本應用開始學起，用實例分解方式講解技術點，讓讀者完全掌握這些必備的技能。
《細說HTML5高級API》
這是“跟兄弟連學HTML5繫列教程”的第五本書，是前端開發的應用部分，主要講解HTML5高級API的相關內容，包括畫布、Web存儲、應用緩存、服務器發送事件等，可以用來開發移動端的Web APP項目。本書重點講解了Cordova技術，它提供了一組與設備相關的API，通過這組API，移動應用就能夠通過JavaScript訪問原生的設備功能，如攝像頭、麥克風等。Cordova還提供了一組統一的JavaScript類庫，以及與這些類庫所用的設備相關的原生後臺代碼。通過編寫HTML5程序，再用Cordova打包出混合APP的項目，可以安裝在Android和iOS等設備上。
本套圖書的特點
1．內容豐富，由淺入深
本套圖書在內容組織上本著“起點低，重點高”的原則，內容幾乎涵蓋前端開發的所有核心技能，對於某一方面的介紹再從多角度進行延伸。為了讓讀者更加方便地學習本套圖書的內容，在每本書的每個章節中都提供了一些實際的項目案例，便於讀者在實踐中學習。
2．結構清晰，講解到位
每個章節都環環相扣，為了讓初學者更快地上手，本套圖書精心設計了學習方式。對於概念的講解，都是先用準確的語言總結概括，再用直觀的圖示演示過程，接著以詳細的注釋解釋代碼，最後用形像的比喻幫助記憶。對於框架部分，先提取核心功能快速掌握框架的應用，再用多個對應的實例分別講解每個模塊，最後逐一講解框架的每個功能。對於代碼部分， 先演示程序效果，再根據需求總結出涉及的知識點逐一講解，然後組合成實例，最後總結分析重點功能的邏輯實現。
3．完整案例，代碼實用
為了便於讀者學習，本套圖書的全部案例都可以在商業項目中直接運用，豐富的案例幾乎涵蓋前端應用的各個方面。所有的案例都可以通過對應的二維碼掃描，直接在手機上查看運行結果，讀者可以通過仔細研究其效果，最大限度地掌握開發技術。另外，掃描每個章節中的資源下載二維碼，可以獲得下載鏈接，點擊鏈接即可獲取所有案例的完整源代碼。
4．視頻精致，立體學習
字不如表，表不如圖，圖不如視頻，每本書都配有詳細講解的教學視頻，由兄弟連名師精心錄制，不僅能覆蓋書中的全部知識點，而且遠遠超出書中的內容。通過參考本套圖書，再結合教學視頻學習，可以加快對知識點的掌握，加快學習進度。讀者可以掃描每個章節中提供的教學視頻二維碼，獲取視頻列表直接在手機上觀看，也可以直接登錄“猿代碼（www.ydma.cn）”平臺在PC端觀看，逐步掌握每個技術點。
5．電子教案，學教通用
每本書都提供了和章節配套的電子教案（PPT）。對於學生來說，可以作為學習筆記使用，是知識點的濃縮和重點內容的記錄。由於本套圖書可以作為高校相關課程的教材或課外輔導書，所以可以方便教師教學使用。讀者可以通過掃描對應章節的二維碼，下載或在線觀看電子教案。本書也為部分章節提供了一些擴展文章，也可以通過掃描二維碼的方式下載或在線觀看。
6．實時測試，寓學於練
每章最後都提供了專門的測試習題，供讀者檢驗所學知識是否牢固掌握。通過掃描測試習題對應的二維碼，可以查看答案和詳細的講解。
7．技術支持，服務到位
為了幫助讀者學到更多的HTML5技術，在兄弟連論壇（bbs.itxdl.cn）中還可以下載常用的技術手冊和所需的軟件。筆者及兄弟連IT教育（新三板上市公司，股票代碼：839467）的全體講師和技術人員也會及時回答讀者的提問，與讀者進行在線技術交流，並為讀者提供各類技術文章，幫助讀者提高開發水平，解決讀者在開發中遇到的疑難問題。
本套圖書的讀者群
有審美，喜歡編程，並且懷揣夢想的有志青年。
打算進入前端編程大門的新手，階梯遞進，由淺入深。
專業培訓機構前端課程授課教材，有體繫地掌握全部前端技能。
各大院校的在校學生和相關的授課老師，課件、試題、代碼豐富實用。
前端頁面、Web APP、網頁遊戲、微信公眾號等開發的前沿程序員，是專業人員的開發工具。
其他方向的編程愛好者，需要前端技術配合，或轉向前端開發的程序員。
高洛峰
2017年2月