[TOC]
## 起因
我想寫這本書,主要原因是自己需要。
編程時,往往需要查閱資料,確定準確用法。理想的JavaScript參考書,應該簡明易懂,一目了然,告訴我有哪些注意點,提供代碼范例。涉及重要概念,還應該適當講解。可是大多數時候,現實都不是如此。找到的資料冗長難懂,抓不住重點,有時還很陳舊,跟不上語言標準和瀏覽器的快速發展,且大多數是英文資料。
學習過程中,我做了很多JavaScript筆記。多年累積,數量相當龐大。遇到問題,我首先查自己的筆記,如果筆記里沒有,再到網上查,最后回過頭把筆記補全。終于有一天,我意識到可以把筆記做成書,這就是這本教程的由來。
我是為自己寫這本書的,我想用自己的語言敘述JavaScript,按照自己的方式編排章節,便于將來的查閱。當然,另一個寫作動力是覺得這些內容對他人有用,畢竟我花了那么多時間,整理成書可以節省其他人的時間。
正因為脫胎于筆記,這本書跟其他JavaScript書籍有所不同。
* 它有點像教程,包含重要概念的簡潔講解,努力把復雜的問題講得簡單,希望一兩分鐘內就能抓住重點。
* 它又有點像參考手冊,羅列主要用法和各種API接口,并給出可以立即運行的代碼。所有章節按主題編排,不完全按照由淺入深的學習順序編排,這是為了方便查閱。
* 它主要關注編程實戰遇到的問題,從語言本身到瀏覽器接口都涉及,容易出錯的一些細節尤其講得多。
考慮到這本書有參考手冊的性質,所以書名加了“參考”(reference)兩個字。至于書名中的“標準”,指的是全書以JavaScript的國際標準(standard)為依據。
## 寫作目標
本書主要針對Web前端開發,以ECMAScript 5作為標準,目標是所講的內容在實際開發之中基本夠用,力求5-10年之內不會過時。
全書的內容比較廣泛,只要是實戰中用得到的東西都有涉及(核心語法、標準庫、DOM、瀏覽器模型、外部代碼庫、開發工具等等)。全書的難度為中級,比較適合對JavaScript已經有所了解、想進一步深入學習的讀者,英語中稱為“高級初學者”(advanced beginner),但是也照顧到入門者的需要,從最簡單的開始講起,循序漸進、由淺入深。另一方面,對于中級開發者,這本書也是有用的,它可以幫你系統地復習和鞏固JavaScript語言知識,你會發現這門語言有許多地方是你以前沒有注意到的。
在寫作風格上,力求做到清晰易懂,具有可讀性。所有章節都帶有大量的代碼實例,這不僅是為了便于理解和模仿,也是為了隨時可以用到實際項目中,做到即學即用。
由于本書選擇以ECMAScript 5為標準,意味著不支持許多老式瀏覽器,其中最主要的就是IE6-8。如果用一句話來表達,就是本書不支持IE 8。這樣做雖然會喪失一些實用性和兼容性,但是我認為,有利于保持行文的流暢和內容的清晰,可以使讀者更好地掌握JavaScript。而且從歷史角度看,堅持書寫符合語言標準的代碼,將在長期中獲得回報。如果你的項目需要支持這些老式瀏覽器,你可能需要檢查用到的每一個語法特性的適用性,找出替代方案。
## 開源許可
本書采用創意共享[“署名—非商業性使用”](http://javascript.ruanyifeng.com/introduction/license.html)許可證(Creative Commons Attribution-NonCommercial license)。所有內容不僅可以免費閱讀,還可以自由使用(比如轉載),只需遵守兩個條件:
* 署名:必須保留原作者的署名。
* 非商業性使用:除非得到正式許可,否則不得用于商業目的。
事實上,你還可以得到這本書的源碼。它就放在[Github](https://github.com/ruanyf/jstutorial)上,歡迎克隆和提交Pull Request。
## 試驗環境
本書采用Google的V8引擎作為JavaScript的標準實現,所有示例都以V8引擎的運行結果為準。
閱讀之前,請確認已安裝基于V8引擎的Chrome瀏覽器,它附帶的“開發者工具”(Developer Tools)就是本書的標準實驗環境,可以在其中的“控制臺”(console)運行書中的代碼。
進入“控制臺”,有兩種方法。
* 在Chrome瀏覽器中,直接按Option + Command + J(Mac)或者Ctrl + Shift + J(Windows/Linux)。
* 從“工具”(Tools)菜單中打開“開發者工具”,然后點擊Console選項卡。“開發者工具”的快捷鍵是F12,或者Option + Command + I(Mac)以及Ctrl+Shift+I(Windows/Linux)。
進入控制臺以后,就可以在提示符后輸入代碼,然后按Enter鍵,代碼就會執行。如果按Shift+Enter鍵,就是代碼換行,不會觸發執行。建議閱讀本書時,將代碼復制到控制臺進行實驗。
## 參考書目
本書的寫作過程中,參考了以下書籍(排名不分先后)。
* Nicholas C. Zakas,?[Professional JavaScript for Web Developers](http://www.amazon.com/Professional-JavaScript-Developers-Nicholas-Zakas/dp/1118026691), 3 edition, Wrox, 2012
* Axel Rauschmayer,?[The Past, Present, and Future of JavaScript](http://oreilly.com/javascript/radarreports/past-present-future-javascript.html), O'Reilly, 2012
* Cody Lindley,?[JavaScript Enlightenment](http://www.javascriptenlightenment.com/), O'Reilly, 2012
* Cody Lindley,?[DOM Enlightenment](http://domenlightenment.com/), O'Reilly, 2013
* Rebecca Murphey,?[jQuery Fundamentals](http://github.com/rmurphey/jqfundamentals), 2011
* Aaron Frost,?[JS.next: A Manager’s Guide](http://chimera.labs.oreilly.com/books/1234000001623), O'Reilly, 2013
* John Resig, Bear Bibeault,?[Secrets of the JavaScript Ninja](http://www.manning.com/resig/), Manning, 2012
* Eric Elliott,?[Programming JavaScript Applications](http://chimera.labs.oreilly.com/books/1234000000262), O'Reilly, 2013
* 邱俊濤,?[JavaScript核心概念及實踐](http://icodeit.org/jsccp/),人民郵電出版社,2013
- 第一章 導論
- 1.1 前言
- 1.2 為什么學習JavaScript?
- 1.3 JavaScript的歷史
- 第二章 基本語法
- 2.1 語法概述
- 2.2 數值
- 2.3 字符串
- 2.4 對象
- 2.5 數組
- 2.6 函數
- 2.7 運算符
- 2.8 數據類型轉換
- 2.9 錯誤處理機制
- 2.10 JavaScript 編程風格
- 第三章 標準庫
- 3.1 Object對象
- 3.2 Array 對象
- 3.3 包裝對象和Boolean對象
- 3.4 Number對象
- 3.5 String對象
- 3.6 Math對象
- 3.7 Date對象
- 3.8 RegExp對象
- 3.9 JSON對象
- 3.10 ArrayBuffer:類型化數組
- 第四章 面向對象編程
- 4.1 概述
- 4.2 封裝
- 4.3 繼承
- 4.4 模塊化編程
- 第五章 DOM
- 5.1 Node節點
- 5.2 document節點
- 5.3 Element對象
- 5.4 Text節點和DocumentFragment節點
- 5.5 Event對象
- 5.6 CSS操作
- 5.7 Mutation Observer
- 第六章 瀏覽器對象
- 6.1 瀏覽器的JavaScript引擎
- 6.2 定時器
- 6.3 window對象
- 6.4 history對象
- 6.5 Ajax
- 6.6 同域限制和window.postMessage方法
- 6.7 Web Storage:瀏覽器端數據儲存機制
- 6.8 IndexedDB:瀏覽器端數據庫
- 6.9 Web Notifications API
- 6.10 Performance API
- 6.11 移動設備API
- 第七章 HTML網頁的API
- 7.1 HTML網頁元素
- 7.2 Canvas API
- 7.3 SVG 圖像
- 7.4 表單
- 7.5 文件和二進制數據的操作
- 7.6 Web Worker
- 7.7 SSE:服務器發送事件
- 7.8 Page Visibility API
- 7.9 Fullscreen API:全屏操作
- 7.10 Web Speech
- 7.11 requestAnimationFrame
- 7.12 WebSocket
- 7.13 WebRTC
- 7.14 Web Components
- 第八章 開發工具
- 8.1 console對象
- 8.2 PhantomJS
- 8.3 Bower:客戶端庫管理工具
- 8.4 Grunt:任務自動管理工具
- 8.5 Gulp:任務自動管理工具
- 8.6 Browserify:瀏覽器加載Node.js模塊
- 8.7 RequireJS和AMD規范
- 8.8 Source Map
- 8.9 JavaScript 程序測試
- 第九章 JavaScript高級語法
- 9.1 Promise對象
- 9.2 有限狀態機
- 9.3 MVC框架與Backbone.js
- 9.4 嚴格模式
- 9.5 ECMAScript 6 介紹
- 附錄
- 10.1 JavaScript API列表
- 草稿一:函數庫
- 11.1 Underscore.js
- 11.2 Modernizr
- 11.3 Datejs
- 11.4 D3.js
- 11.5 設計模式
- 11.6 排序算法
- 草稿二:jQuery
- 12.1 jQuery概述
- 12.2 jQuery工具方法
- 12.3 jQuery插件開發
- 12.4 jQuery.Deferred對象
- 12.5 如何做到 jQuery-free?
- 草稿三:Node.js
- 13.1 Node.js 概述
- 13.2 CommonJS規范
- 13.3 package.json文件
- 13.4 npm模塊管理器
- 13.5 fs 模塊
- 13.6 Path模塊
- 13.7 process對象
- 13.8 Buffer對象
- 13.9 Events模塊
- 13.10 stream接口
- 13.11 Child Process模塊
- 13.12 Http模塊
- 13.13 assert 模塊
- 13.14 Cluster模塊
- 13.15 os模塊
- 13.16 Net模塊和DNS模塊
- 13.17 Express框架
- 13.18 Koa 框架