JavaScript的那些書

又好久沒寫東西了,寫上一篇的時候還以爲接下來的工作會輕鬆一些,結果未從我所願吶,又是一陣忙碌.而這段時間穿插着做了很多12年淘寶校園招聘的前端面試,很多同學都有問到,學校裏沒有前端的課程,那如何學習JavaScript?
我的回答是:讀書吧~相對於在網上學習,在項目中學習和跟着有經驗的同事學習,書中有着相對完整的知識體系,每讀一本好書都會帶來一次全面的提高.而如果深一腳淺一腳的學習,寫出代碼的質量會參差不齊.初學者的首要任務是成爲靠譜的熟練開發者,能夠穩定的輸出有一定質量的代碼,這樣才能讓人放心的把任務交給你.從這個角度來看,跟着w3school類成體系的網絡教程學習也是不錯的選擇,只不過我沒有親自實踐過.
在07年之前,我是在做IEonly的企業級B/S應用,雖然當時項目的JScript就已經非常複雜,但當時團隊裏有很多經驗豐富的同事,多是跟他們請教,或者再MSDN和網上找答案.07年進入阿里之後,開始直面兼容性問題,同時開始單打獨鬥,這個階段開始接觸相關的前端書籍,最先購買的是<JavaScript高級程序設計>和<JavaScript Dom編程藝術>.可以說比較幸運,挑中了這兩本很靠譜的書(其實當時市面上書籍並不多,感謝選擇出版這些書和翻譯這些書的同學們),近來這兩本書都出了第二版其生命力可見一斑.
這幾年來,自認讀的前端方面的書不算少,校招同學們問到有什麼書推薦,我還是會列幾個批次的書籍出來給大家,在這裏公佈一下,沒法說這是最優學習路線,但真看進去了獲得一個IT民工從業資格是沒啥問題的.咱也先秀下書架吧:
[img]http://dl.iteye.com/upload/attachment/591671/3e3b358c-c1b4-3a6f-b6d1-5f546bd35309.jpg[/img]
說說我對於書的選擇,在從高級程序設計以及DOM編程藝術獲得了較好的用戶體驗之後,基本上延續了選擇譯著的路子,屬順勢而爲倒沒有什麼特殊的因素在裏頭.而我一般不會推薦英文原版書,中文更具親和力,JavaScript並不是一門多麼高深的語言,我相信譯者是可以在深刻理解原文的基礎上做翻譯的.我也會讀一些外文書,而往往當我知道一本不錯的書籍有了出版計劃,就會停止精讀,等譯作出版(比如不久前的<高性能JavaScript>).不過確實有時會遇到術語翻譯不一致甚至翻譯的不通順的情況,好在多數書網上可以找到英文電子版,實在不解之處對照一下也就可以了.

下面都是我精讀過且覺得不錯的書,先分分類再逐本分享下我的讀書心得:
[b]第一批次:入門級,也適合想掌握一些前端技能的非前端工程師.[/b]
<JavaScript Dom編程藝術>

[b]第二批次:成爲一名合格的前端工程師[/b]
<JavaScript高級程序設計>(或<JavaScript權威指南>)
<精通JavaScript>

[b]第三批次:更優秀的代碼,更優良的設計[/b]
<JavaScript語言精粹>
<JavaScript設計模式>

[b]第四批次:從語言細節到複雜工程實踐,想開發靠譜的各類底層代碼,應該看看[/b]
<Secrets of the JavaScript Ninja>
<JavaScript Patterns>
<ECMA-262 in Detail>
應該重視跟蹤閱讀一些大牛們的Blog了
一直在等待:<一本JavaScript語言作者或引擎實現者寫的書>

[b]番外篇:各類專題書籍,讀好第二批次書籍之後,有精力就接觸下[/b]
<高性能網站建設指南>
<高性能網站建設進階指南>
<高性能JavaScript>
<Ajax實戰>
<JQuery實戰>
<精通CSS>(或<CSS權威指南>)
<正則表達式必知必會>(或<正則表達式權威指南>)
應該選擇:<一本HTML5方面的書>
應該選擇:<一本NodeJS方面的書>

[b][url=http://book.douban.com/subject/1921890/]JavaScript Dom編程藝術[/url]([url=http://book.douban.com/subject/6038371/]第二版鏈接[/url])[/b]
[img]http://img1.douban.com/mpic/s1958902.jpg[/img][img]http://img1.douban.com/mpic/s4677623.jpg[/img]
話說這本書的中文名有一些標題黨的,當初如果知道這僅是一本入門書籍,我是不會買來的.拿到後一天就看完了,對我來說沒有太多技能上的實質幫助.不過這個書語言很流暢,重要的是對知識深淺度把握的很好,html/js/css/dom各個方面都把握在一個合適的度,這很符合我對書籍期望,一步步走,每一步都踏踏實實.
這本書通過幾個實例,循序漸進的介紹了前端開發的方方面面,讓大家能夠了解前端的技術體系概況,又能具備了一些簡單的動手能力.如果大家對我之前寫過的<[url=http://limu.iteye.com/blog/986724]瀏覽器端技術體系概覽 -- 前端開發的七種武器[/url]>有些感覺,那讀讀這本書正好能上手實踐一把.
去年淘寶前端懶懶交流會的豆瓣小站上做了一個調查,[url=http://site.douban.com/widget/votes/246013/3712/]如果非要您推薦一本適合新人學習的js方面的書，您的推薦是什麼?[/url]雖然投票的人不多,但這本書卻是遙遙領先.

[b][url=http://book.douban.com/subject/1869705/]JavaScript高級程序設計[/url]([url=http://book.douban.com/subject/4886879/]第二版鏈接[/url])[/b]
[img]http://img3.douban.com/mpic/s1888787.jpg[/img][img]http://img1.douban.com/mpic/s4391754.jpg[/img]
這本書的第一版很全面且不枯燥的書籍,年紀輕輕的NCZ有這樣的大作難能可貴.讀懂這本書,前端技能又可以上一個臺階,基本上可以成爲專業的前端工程師了.
對於當時的我來講,這本書及時的補充了瀏覽器兼容性方面的知識,特別是事件相關的知識,這個瀏覽器間差別最大.有些內容講的非常簡單明瞭,比如call和apply的用法,之前總是理解不好,NCZ幾句話+一個例子就說明白了.
然而作爲全面型的書籍,第一版也是有一些問題的:
1.閉包只半頁篇幅,沒說清楚.
2.匿名函數沒怎麼講.
3.全書沒提到constructor,更別說hasOwnProperty,__proto__.
這帶來了我之前說的深一腳淺一腳的困擾,這些知識基本上是通過<JavaScript權威指南>閱讀中補充的,當然當時版本的權威指南也有同樣的問題,比如它沒解釋instanceof.也沒提到__proto__.這造成了我對面向對象理解的不全面,當時在做了N多測試後還很蛋疼的寫了一篇博文<[url=http://www.baidu.com/s?tn=baiduhome_pg&bs=javascript+%BB%B6%CF%B2%D4%A9%BC%D2&f=8&rsv_bp=1&rsv_spt=1&wd=JavaScript+constructor%BA%CDinstanceof%2CJSOO%D6%D0%B5%C4%D2%BB%B6%D4%BB%B6%CF%B2%D4%A9%BC%D2&n=2&inputT=1634]JavaScript constructor和instanceof,JSOO中的一對歡喜冤家[/url]>,後來接觸到<JavaScript設計模式>關於OO的全面論述之後,果斷刪掉了這篇JY.
相信這本書的第二版,以及權威指南的第六版肯定會在這些方面進行補充.不過這兩本書都是十足的大部頭,高級程序設計第二版已經比權威指南去除附錄要厚了.
一本全面且不枯燥的書太難找了,所以我還是喜歡第一版.對我技術上的提升幫助非常之大.忍不住再秀一張圖(當時在封閉開發Alimama.com,馬雲時常來,他不肯在書的第一頁簽名搞得好像他寫的,於是把簽名畫在了第二頁.)
[img]http://dl.iteye.com/upload/attachment/591669/0a76fac8-6641-30d9-8712-5be146111406.jpg[/img]

[b][url=http://book.douban.com/subject/3007076/]精通JavaScript[/url][/b]
[img]http://img3.douban.com/mpic/s3069995.jpg[/img]
我會把書籍分成兩類,一類是全面型,一類是犀利型.前面介紹了一本全面型的書籍,接下來介紹的這本的特點是非常犀利,這類書籍的特點是作者能找對重點(2/8原則掌握的很好),在重點位置深入挖掘.這本書的作者John Resig也是JQuery的作者,他顯然是個足夠犀利的人兒.JQuery從未承諾解決所有問題,但再一些重點部位的突破,讓這個類庫如此流行.這本書並沒有着重介紹JQuery,還是基於原生的JavaScript和DOM API.
列一些這本書的重點話題,能夠很好的看出作者爲什麼會開發出JQuery,或者說JQuery爲什麼是現在的樣子:
1.如何創建可複用的代碼?如何調試,測試?(這是基礎)
2.如何判斷DOM何時加載完畢?如何遍歷,修改DOM?(JQuery以DOM爲核心,節點的增刪改查,事件響應是重點)
3.如何確定元素的位置,相對於頁面/屏幕?如何做平滑的動畫?(思考下CSS相關的話題很多,作者爲什麼選了這兩個?)
4.如何改進表單驗證,封裝完整的Ajax程序?(涉及數據交互,是另一個重中之重.)
不算厚的一本書,基本上就是以上的話題+幾個實例.當我們看過了一本全面型的書籍,對前端的知識有了深入的瞭解之後,這本書的作者指出了今後的重點,並告訴大家如何把知識用到解決重點問題上.

[b][url=http://book.douban.com/subject/3590768/]JavaScript語言精粹[/url][/b]
[img]http://img3.douban.com/mpic/s3651235.jpg[/img]
推薦大家看看阮一峯老師的博文<[url=http://www.ruanyifeng.com/blog/2011/06/birth_of_javascript.html]JavaScript誕生記[/url]>,JavaScript是Brendan Eich大神10天時間設計出的語言,現在成了Web前端領域的唯一語言.
一方面這門語言博採衆家之長,也幫助它維繫了長久的生命力:
"1.借鑑C語言的基本語法；
2.借鑑Java語言的數據類型和內存管理；
3.借鑑Scheme語言，將函數提升到"第一等公民"（first class）的地位；
4.借鑑Self語言，使用基於原型（prototype）的繼承機制。"
另一方面"由於設計時間太短，語言的一些細節考慮得不夠嚴謹，導致後來很長一段時間，Javascript寫出來的程序混亂不堪。"Brendan Eich對其這10天工作的評價是:"它的優秀之處並非原創，它的原創之處並不優秀。"

Douglas Crockford通過<JavaScript: The Good Parts>這本書對JavaScript進行了一次大審判,老道認爲JavaScript語言有很多優秀的地方,也有一些雞肋和糟粕.老道不反對用這門語言,在規避一些雞肋和糟粕之後它自然是優秀的.
老道認爲JavaScript優美的特性如下:
1.函數是頭等對象(可以作爲其他函數的參數和返回值,支持閉包)
2.基於原型繼承的動態對象
3.對象字面量和數組字面量(構成JSON的基礎)
老道列出了很多雞肋和糟粕,並提供了JSLint這個工具,來校驗代碼是否使用了不好的部分.書中給出的語法圖讓我有深入學習一下<編譯原理>的衝動,也理解了JSLint作爲用JS語言分析JS語言的工具成型的理論基礎.
強烈建議大家使用JSLint來檢測自己的代碼,但是我們不必教條,可以違返其中一些的檢測規則,只要我們清楚老道爲什麼會設置這個規則,有什麼風險?若我們不遵守這個規則,是否能迴避相應的風險.
我覺得這本書最重要的意義是告訴我們爲什麼"它是雞肋,它是糟粕"這是經過前面的學習和大量實踐之後,成熟的開發者應該關注的.比如:
1.hasOwnProperty,老道說它糟粕的原因是因爲這不是一個關鍵字,而是一個Object.prototype上可以被重寫的方法.那麼這個告訴我們,並不是不要用hasOwnProperty,而是要注意不要覆蓋它.
2.eval的主要問題是性能,大量的eval(類eval)語句降低了JS引擎的性能.而經過測試少量的eval語句+eval大段的JS文本性能並不差,有必要也可以考慮使用.

[b][url=http://book.douban.com/subject/3329540/]JavaScript設計模式[/url][/b]
[img]http://img3.douban.com/mpic/s3398900.jpg[/img]
這是一本介紹JavaScript面向對象編程以及設計模式非常好的書籍.相對於又一本全面型書籍語言精粹,犀利型書籍登場了.
我對面向對象的看法是:隱藏細節,方便做大.基於良好的抽象和封裝,我們可以方便的自頂而下的設計,自底而上的開發.面向對象的優缺點不是本文的重點,這裏不討論,只能說這是一個非常不錯的代碼設計實現方法論.
JavaScript到底是不是一個面向對象的語言,從本質說一定是的,從表象來說OO的不那麼明顯.我們必須通過一些額外的代碼實現諸如,劃分公有/私有,接口,繼承,多態等特性.由於JavaScript語言的靈活性,實現的方式非常多.這本書的第一部分對常見的兩類實現模式:類式繼承和原型繼承都有非常好的最佳實踐總結.所以我的想法是完全讀懂它,然後按照這個來做就好了.如果這裏介紹的實踐足夠強大,我們沒有必要發明新的繼承實現模式了,事實上YUI一直是這種模式,而新的JavaScript引擎甚至引入了Object.create方法,將一些動作寫入標準內置在JS引擎中.
我們應該將視點放在設計模式上,GoF的設計模式那本書裏的例子,對於前端開發來說並不都是很好理解,而這本書的例子全部是前端相關,有助於大家理解設計模式的精妙.還有些同學說,即使我不瞭解GoF的理論,我也在默默的用這些模式了.確實是這樣,但我想我們關注設計模式,不光要學會各種模式是怎樣的,更重要的是學習到各種模式適合什麼場合,不適合什麼場合.瞭解有什麼優點,也要了解有什麼缺點,你正在默默使用的模式存在隱患麼?系統學習之後會對其更有把握.
前幾天聽同事說這本書全面斷貨,不知道是太火,還是印的太少,希望能儘快看到上架.

[b][url=http://book.douban.com/subject/3176860/]Secrets of the JavaScript Ninja[/url][/b]
[img]http://img1.douban.com/mpic/s4683232.jpg[/img]
進入第四個批次,這裏的書籍多數沒有中譯本出版.現階段想開發靠譜的底層類庫代碼,確實需要啃一些外文書了.英文書很多,沒有精力大量閱讀,通常讀一些口碑較好的書籍.
另外,到了這個批次,我的閱讀量也相當的有限,所以肯定有很多好的內容沒有提到,期望大家能繼續推薦.而且到了這個批次,書籍產出肯定跟不上知識的更新速度,跟蹤閱讀一些JS大牛們的Blog應該成爲習慣.
這是JQuery作者的第二本書,自然又是犀利型的代表.John Resig已經陸續放出這本書的大部分內容,從2008年開始寫,計劃2012年5月出版.
如果說JR的第一本書能夠看出爲什麼有JQuery,那麼這本書能看出讓JQuery發展下去,作者關注了哪些.我們會看到其實一些很細節的內容,比如強調測試用例的構建/自動化測試的方法,比如如何利用每個function實例的length屬性,比如對with,eval的思考和發散等等.
關於這本書具體如何的好處,我還理不清,拿來開開眼界是非常不錯的.記得玉伯大大組織了一波同學在翻譯,不知進展如何了.

[b][url=http://book.douban.com/subject/5252901/]JavaScript Patterns[/url][/b]
[img]http://img1.douban.com/mpic/s4460994.jpg[/img]
乍一看這本書標題,以爲又是一本講設計模式的書,那和<JavaScript設計模式>重複了,開始沒有仔細關注.今年拔赤推薦了它,才發現者並不僅僅介紹GoF的設計模式而是涵蓋前端開發各個方面的先進理論。雖然是09年的書，這兩年前端的很多較深刻變化在這邊書裏都能看到雛形。上一本書犀利，這本更全面。
作者Stoyan Stefanov是Yahoo的前端技術專家,從這本書中可以看到很多YUI3設計上的本源,比如在對象創建模式中介紹的模塊模式/沙箱模式.近來CommonJS Loader的流行在這之上的繼續深入發掘.這本書還包括代碼測試,打包,部署,加載策略等各個流程中的諸多細節,這些構成了完整的體系在Yahoo在YUI3都有非常好的實踐.
聽說我們的同事拔赤和一舟在翻譯這個本書,非常期待.

[b][url=http://dmitrysoshnikov.com/]ECMA-262[/url][/b]
這不是一本書,是俄羅斯小夥子寫的一系列ECMA-262標準分析文章,ECMA-262-3系列已經很完整.標準像彙編語言一樣枯燥,而這系列文章把枯燥的標準轉化爲一系列深入討論的話題,配合恰到好處的示例,一定會讓大家對JS引擎的認識再上一層.
網上有一些譯文,但是由於類似文章譯文比較少,很多英文還未達成一致表述,所以推薦閱讀英原文.另外作者很好,遇到的棘手的問題,去諮詢他都能很快收到很好的回覆.

[b]期待:一本JavaScript語言作者或引擎實現者寫的書[/b]
一直以來期待JavaScript能有一本像[url=http://book.douban.com/subject/1882483/]C語言的K&R[/url]這樣的大作,最近也在讀[url=http://book.douban.com/subject/2185076/]計算機系統概論[/url]補一些大學時沒學好的知識,非常認同書中"自底而上"的學習路線.我想對JavaScript引擎的透徹分析,能夠減少大家看着實驗結果,猜測着寫書的境況.隨着NodeJS的火爆,引擎的技術分析文章越來越多,期待很快出現集大成者.

[b][url=http://book.douban.com/subject/3132277/]高性能網站建設指南[/url] [url=http://book.douban.com/subject/4719162/]進階指南[/url] [url=http://book.douban.com/subject/5362856/]高性能JavaScript[/url][/b]
[img]http://img3.douban.com/mpic/s5914296.jpg[/img][img]http://img3.douban.com/mpic/s4231089.jpg[/img][img]http://img1.douban.com/mpic/s4538004.jpg[/img]
進入番外篇,推薦的書籍都是有針對性的領域之作,內容往往並不高深,大家根據自己的實際情況進行選擇閱讀.
高性能的網頁是前端必然的追求,Steve Sounders率先在Yahoo開啓了這方面的專題研究,伴隨着<高性能網站建設指南>的出版和YSlow工具發佈.網站性能優化,特別是前端角度和運維角度的優化方案,進入了人們的視野,同時獲得了巨大的效果,甚至形成了名爲WPO(Web Performance Optimization)產業.
第一本書除了介紹了能夠立竿見影的規則的同時也開啓了民智.大家開始思考如何做優化,如何結合自己的應用實踐做優化.而後兩本書基本上是遵循優化思路的繼續得來的實踐總結.關於優化的工具,思路,方法是我特別強調的.感興趣的同學可以看下[url=http://limu.iteye.com/blog/755628]在Yslow 34 Rules之後 -- 網站性能優化思路和進展 [/url]這一篇.

[b]其他領域之作[/b]
[img]http://img3.douban.com/mpic/s1636149.jpg[/img][img]http://img1.douban.com/mpic/s3574953.jpg[/img][img]http://img3.douban.com/mpic/s4249018.jpg[/img][img]http://img1.douban.com/mpic/s2794811.jpg[/img]
接下來介紹這些專題類書籍,並不是特別推薦,往往每個專題都有很多書籍可供選擇,隨手寫一些讀書心得吧.
[url=http://book.douban.com/subject/1764900/]Ajax實戰[/url]:06年的書,很早就購入.書中介紹了很多RIA高級應用的相關話題,很開眼界.
[url=http://book.douban.com/subject/3446112/]JQuery實戰[/url]:一定需要一本介紹JQuery的書,這書還可以,不過現在看來應該比較舊了,JQuery已經更新了很多.我主要從這本書瞭解了JQuery的工具函數擴展機制和插件機制是如何實現的.JQuery讓完全不瞭解prototype屬性的同學也能寫出可複用的複雜組件,非常不容易,以後再單獨寫寫對JQuery的一些看法吧.
[url=http://book.douban.com/subject/4736167/]精通CSS[/url]:一定需要一本介紹CSS的書,工作中一直以來CSS用的不是很深入,不做特殊介紹.
[url=http://book.douban.com/subject/2269648/]正則表達式必知必會[/url]:一定需要一本正則方面的書籍,這本小冊子查起來蠻方便.

[img]http://img3.douban.com/mpic/s4557808.jpg[/img][img]http://img3.douban.com/mpic/s4569610.jpg[/img]
[url=http://book.douban.com/subject/5386169/]HTML5揭祕[/url]和[url=http://book.douban.com/subject/5402708/]HTML5高級程序設計[/url]買回來一直沒看,對HTML5的新增特性還是有了解的,等能用到時再看再評.
[img]http://dl.iteye.com/upload/attachment/591742/60bc9ba5-4433-364d-9c78-210d20b742e1.png[/img]
希望看到NodeJS方面的書籍,儘快引入.


[b]寫在最後[/b]
我只能推薦我看過的書對吧,所以大家懂的.
我們不去對比各種電子產品,就是對比雞蛋大米,書籍都是非常廉價的.
當有了領域內一定的實踐經驗之後,閱讀一本相關的書籍並不是難事,也並不會耗費很多時間.
全面型的書籍可以讓大家技能水平Step By Step的穩步提高,讓大家站得高也站得穩.
犀利型的書籍可以讓大家瞭解重點,瞭解別人是怎麼運用那些你也會的知識的.
專題類的書籍是拓寬眼界,幫助大家完成工作任務的好手.
對於非英文專業的同學,如果有中譯本,不用非得糾結着去看原版,我們要最快學到知識,最快進入思考與實踐.
感謝作者,譯者(我的同事中有很多譯者,都說指望這個賺錢是不可能的),以及選擇運作這些書出版的各位老師.