內容簡介

　　本書由資深軟件開發專傢撰寫，凝聚其多年開發經驗，係統、深入、全麵地闡釋JavaScript，內容涉及流行的Web開發實踐，結閤實際案例進行講解，授人以漁。本書內容並不局限於某個具體功能的使用方法，而是係統深入地講解JavaScript的本質與結構，清晰闡釋ECMAScript、DOM和BOM三部分內容的關係及重要性，以幫助開發人員全麵深入瞭解前端開發技術。本書講解的內容通俗易懂、深入淺齣，特彆是書中所用示例的設計，它們不僅可以讓讀者理解某個知識點的用法，更能讓讀者明白具體知識點所使用的場景，從而更深入地理解具體內容。 本書內容安排閤理，架構清晰，注意理論與實踐相結閤，適閤那些希望學習Web編程語言的初、中級程序員和希望精通JavaScript的程序員閱讀。

目錄

目錄

第一篇JavaScript基礎知識

第1章JavaScript怎麼學2

1.1三種學習方法2

1.2JavaScript的學習方法3

第2章JavaScript簡介6

2.1ECMAScript概述7

2.2DOM概述8

2.3BOM概述8

2.4HTML5概述9

第3章JavaScript的本質10

3.1工具介紹10

3.2JavaScript的結構15

3.3JavaScript的內存模型17

第4章function類型對象20

4.1創建function20

4.2用作對象23

4.3處理業務23

4.4創建對象49

4.5三種子類型57

第5章object類型對象62

5.1創建object類型對象的三種方式62

5.2對象的屬性66

5.3屬性的描述74

第6章直接量及其相關對象79

6.1直接量的保存方式79

6.2直接量的封包與解包80

6.3直接量的包裝對象81

第7章點運算符與this關鍵字90

7.1點運算符90

7.2this的含義90

7.3關聯方法後的this91

7.4內部函數中的this91

7.5對象的屬性不可以繼承93

第8章Global與Window對象94

8.1Global對象94

8.2Window對象的特殊性94

第二篇ECMAScript2015中的新特性

第9章類98

9.1新類型class98

9.2class的用法98

第10章模塊100

10.1模塊的基本用法100

10.2導入後重命名101

10.3默認導齣102

10.4導入為命名空間103

10.5打包導齣103

第11章新增語法105

11.1let和const105

11.2字符串模闆106

11.3函數參數默認值106

11.4參數擴展107

11.5箭頭函數107

11.6for-of遍曆108

第12章新增對象111

12.1Symbol111

12.2容器對象112

12.3緩存對象121

12.4異步處理128

12.5GeneratorFunction和Generator132

12.6反射與代理134

第13章原有對象的新增屬性140

13.1Object140

13.2String143

13.3Number150

13.4Array150

13.5Math154

13.6RegExp155

第三篇DOM

第14章DOM概述162

14.1DOM標準的結構162

14.2DOM標準的特點163

第15章DOM核心164

15.1文檔對象164

15.2異常對象177

15.3輔助對象178

第16章DOM中的HTML標準182

16.1HTMLCollection182

16.2HTMLOptionsCollection184

16.3HTMLDocument184

16.4HTMLElement186

第17章DOM事件187

17.1事件流187

17.2EventTarget189

17.3EventListener190

17.4Event190

17.5DOM0級事件199

第18章DOM樣式和視圖201

18.1Views201

18.2StyleSheets202

18.3CSS204

第19章DOM遍曆和範圍215

19.1遍曆215

19.2範圍219

第四篇BOM

第20章window對象228

20.1窗口、框架相關屬性228

20.2窗口操作相關屬性230

20.3彈齣窗口相關屬性231

20.4瀏覽器對象相關屬性231

20.5定時器相關屬性231

20.6其他屬性234

第21章location對象235

21.18個讀寫屬性235

21.2三個方法屬性237

第22章其他對象238

22.1history對象238

22.2navigator對象238

第五篇HTML5

第23章本地存儲242

23.1本地存儲的分類242

23.2Storage存儲243

23.3StorageEvent245

23.4IndexedDB數據庫248

第24章canvas作圖271

24.1繪製矩形272

24.2繪製路徑274

24.3組閤與剪切282

24.4坐標檢測285

24.5修改顔色和樣式286

24.6插入文本290

24.7插入圖片292

24.8環境的保存和恢復292

24.9移動坐標原點293

24.10鏇轉坐標係294

24.11縮放295

24.12自由轉換297

24.13陰影298

24.14動畫299

24.15遊戲300

第25章WebSocket306

25.1網絡傳輸的原理和底層協議306

25.2WebSocket簡介307

25.3WebSocket的優勢308

25.4基本應用308

25.5RESTful應用312

25.6在綫聊天係統313

25.7傳輸對象和二進製數據318

第26章多綫程處理335

26.1單綫程與多綫程的概念335

26.2綫程與進程的概念337

26.3JavaScript中的多綫程338

第27章獲取位置信息347

27.1geolocation對象347

27.2Position接口348

27.3PositionError接口349

27.4PositionOptions接口350

27.5顯示到地圖上353

第28章富文本編輯器與公式編輯器356

28.1富文本編輯器的原理356

28.2公式編輯器364

第29章總結380

29.1ECMAScript380

29.2DOM和BOM381

29.3HTML5382

附錄ExcelibIDB源代碼384

前言/序言

　　前言

　　第一次接觸JavaScript時的場景現在已經記不清瞭，不過因為有其他語言的基礎，我很快就上手瞭。當時感覺JavaScript就是一門不需要專門去學的語言，太簡單瞭！

　　但是，隨著使用的深入，纔逐漸發現事實並非如此。JavaScript既不像C語言這類麵嚮過程的語言，也不像C++、Java這類麵嚮對象的語言。JavaScript中有些概念雖然在其他語言（這裏主要指C、C++和Java）裏也有，但是含義卻不盡相同，而且JavaScript中還有很多其他語言所沒有的用法和概念。例如，在函數體中還可以再定義另外一個函數，函數也是對象，而且有個特殊的prototype屬性，另外也可以使用函數創建對象，以及由此引齣的閉包、參數作用域鏈和琢磨不透的this指針等，後來感覺越用越不明白瞭。

　　隨著近幾年B/S結構的快速發展，JavaScript已經成瞭一門不可或缺的語言。GitHub在2015年8月20日發布的統計數據顯示，JavaScript是現在最受歡迎的語言。另一篇開源中國社區的文章更是指齣，在所有stars超過10000個的倉庫中，基於JavaScript開發的倉庫占到55.7%！

　　既然離不開那就將其弄明白。經過一段時間的努力終於將其弄清楚瞭，而且也明白瞭其背後的實現原理。既然花費瞭不少精力，那麼何不讓更多的人受益，以使自己的付齣更有意義呢。於是就有瞭大傢手中的這本書。

　　本書的目標是幫助讀者理解JavaScript的各種語法及底層的實現原理，進而靈活使用其所提供的內在對象，所以本書並不是針對零基礎的讀者。如果您要閱讀本書，至少需要使用過JavaScript，如果同時還使用過C/C++或者Java就更好瞭。

　　本書特點

　　係統：全書采用瞭總分總的結構。首先整體介紹瞭JavaScript、ECMAScript、DOM、BOM和HTML5之間的關係，然後依次對每一項內容進行講解，最後進行總結。全書係統介紹瞭JavaScript的內部結構；提齣瞭將JavaScript分為兩種對象的思維方式；深入分析JavaScript中各種屬性和變量的關係；係統闡述DOM及其節點的結構；深入分析瞭HTML5中6種新增內容的使用方法。

　　全麵：全麵包含整體和細節兩個方麵。從整體來說，包含JavaScript基礎、ECMAScript2015、DOM、BOM和HTML5這5個部分，幾乎涵蓋瞭JavaScript的所有相關知識。細節指每一部分內容的全麵性，例如，JavaScript基礎裏涵蓋瞭this指針、變量作用域、prototype繼承、閉包、對象與對象之間的關係等比較容易齣錯的內容，ECMAScript2015（ECMAScript6）中介紹瞭絕大部分新增的內容，而HTML5部分幾乎對所介紹的每種功能都講解瞭其所包含的全部方法和屬性。

　　深入：本書並不僅僅給大傢介紹JavaScript中的各種語法，還說明瞭底層的實現原理，以及使用中需要注意的地方。另外，對於讀者可能不熟悉的內容（例如，數據庫、多綫程等）會先介紹相關的概念，然後介紹JavaScript中的操作方法。

　　通俗易懂：本書盡量使用通俗易懂的文字給大傢介紹相關知識，避免因為一些專有名詞而給大傢造成理解上的睏難，對於不容易理解的地方還會通過比喻或舉例來幫助大傢理解。

　　本書結構

　　本書一共分為5篇。

　　第一篇整體介紹JavaScript的結構，以及與ECMAScript、DOM、BOM、HTML5的關係，另外還對ECMAScript的語法及背後的原理進行瞭係統講解。

　　第二篇係統介紹ECMAScript2015中新增的內容。

　　第三篇介紹DOM的結構及其所包含的各種子標準。

　　第四篇介紹BOM中的4個對象。

　　第五篇介紹HTML5中的6種實用功能，並對全書進行總結。

　　緻謝

　　本書的整個編寫過程都離不開父親韓誌榮的支持和在背後的默默付齣，這種感謝是無法言錶的。另外，還要感謝清華大學齣版社的秦健編輯以及他所在的團隊，如果沒有他們的支持和付齣，本書也不可能跟大傢順利見麵。

　　寫書並不像看書那麼簡單，雖然筆者已經盡力瞭，但是由於精力和能力的原因難免還會存在錶述不準確甚至不正確的地方，還請大傢不吝批評指正。

不錯

不錯

不錯

優點：“著”，行為流暢。

缺點：小錯誤不少。

不錯

缺點：小錯誤不少。

優點：“著”，行為流暢。

缺點：小錯誤不少。