如果只能推薦一本 JavaScript 的書，你會(huì)推薦哪本？

寫在專欄里推薦的js書， 轉(zhuǎn)到這里吧 ，視頻版移步

大家好，我是大圣，今天給大家?guī)砥诖丫玫膉avascript書籍測(cè)評(píng)，工作者9年多看過的js書大部分都在這了，會(huì)分成這幾個(gè)部分來推薦

首先是系統(tǒng)化學(xué)習(xí)js的書，讓你掌握前端工程師必備的js基礎(chǔ)，

然后是一些橫向擴(kuò)展的書，比如算法呀，設(shè)計(jì)模式呀，工程實(shí)現(xiàn)呀，框架設(shè)計(jì)呀等，屬于最佳實(shí)踐的類型， 然后是關(guān)于語言設(shè)計(jì)細(xì)節(jié)的進(jìn)階書，深入語言設(shè)計(jì)的細(xì)節(jié)，進(jìn)階和面試裝逼必備

然后是一些小書，可以快速翻越，掌握js某一個(gè)知識(shí)點(diǎn)， 然后是略微過時(shí)，但是依然值得一讀的經(jīng)典， 最后介紹關(guān)于es6和不推薦的書

語言體系化學(xué)習(xí)

javascript dom編程藝術(shù)

https://book.douban.com/subject/6038371/

首先語言本身的體系化學(xué)習(xí)，首先推薦這本《javascript dom編程藝術(shù)》，這本書用簡(jiǎn)單的圖片庫和動(dòng)畫案例，讓你快速入門js，產(chǎn)生興趣，如果想全面的學(xué)習(xí)js還是不夠的， 推薦這本剛上線不久的前端圣經(jīng)，也被幾代前端人稱為紅寶書

javascript高級(jí)程序設(shè)計(jì)（紅寶書）

https://book.douban.com/subject/35175321/

《javascript高級(jí)程序設(shè)計(jì)》第四版，我手里還有第二版和第三版，是幾代前端體系化學(xué)習(xí)js必看的書， 和犀牛書齊名，雖然叫高級(jí)程序設(shè)計(jì)，但是閱讀難度比較低，第四版全面使用es6+的語法，比較意外的是還把生成器迭代器，promise，proxy單獨(dú)抽離成了章節(jié)，最近有研究vue3源碼，對(duì)proxy和reflect困惑的同學(xué)們快去學(xué)習(xí)吧，除了語法層面的全面更新，瀏覽器方便也加入了dom4的規(guī)范，比如mutation observer，這個(gè)api在我們統(tǒng)計(jì)一些指標(biāo)比如FMP的時(shí)候很有用，然后就是canvas，webgl以及各種現(xiàn)代瀏覽器的api，比如文件，通知，web worker，錯(cuò)誤處理，模塊化以及最佳實(shí)踐，第四版絕對(duì)是體系化學(xué)習(xí)js最好的書

而且最近這本書唯一的吐槽點(diǎn)，就是把promise翻譯成了期約，我還專門問了hax，之所以叫期約定，是因?yàn)閜romise這個(gè)東西，在有的語言里叫future， 這里做了個(gè)合并，把future和promise合并，稱之為期約，其實(shí)我也覺得promise不翻譯就ok，但是如果翻譯的話，期約算是很準(zhǔn)確了，不過無傷大雅，不耽誤這本書的地位

對(duì)了 這本書估計(jì)看一遍不夠，看個(gè)兩三遍效果更好，十月份我準(zhǔn)備再看一遍

其實(shí)體系化學(xué)習(xí)js這兩本就夠了， 還有幾本電子書我也很推薦

現(xiàn)代javascript教程（在線）

https://zh.javascript.info/

一個(gè)是《現(xiàn)代javascript教程》 ，實(shí)時(shí)性做的非常棒，從入門，提升和進(jìn)階三個(gè)方向講解，并且還配有習(xí)題和解析，配合紅寶書學(xué)習(xí)體驗(yàn)更佳 但是我本人不太愛看電子書， 所以現(xiàn)在把它當(dāng)做工具書來查詢用

practical-modern-javascript 深入理解JS特性

https://github.com/mjavascript/practical-modern-javascript

還有一本就是深入理解JS特性，是一本很精彩的從es6講起的書，很推薦，但是建議在閱讀紅寶書之后看， 我們有了前端的知識(shí)體系后，這本書的收獲會(huì)巨大，而且這哥們有一系列書，后面幾本回頭我看完了再補(bǔ)充，

橫向擴(kuò)展

學(xué)完這些對(duì)付一般的前端面試就沒問題了，但是行走江湖只有武器是不夠的，還需要精妙的武功秘籍，也就是最佳實(shí)踐

JavaScript忍者秘籍（第2版）

https://book.douban.com/subject/30143702/

首先推薦jquery作者的《javascript忍者秘籍》名字很中二，但是內(nèi)容包含了實(shí)現(xiàn)常見功能的最佳實(shí)踐，第二版也是es6+為主，重點(diǎn)集中在工程問題的捷達(dá)上，比如函數(shù)的上下文，promis的實(shí)現(xiàn)，宏任務(wù)微任務(wù)，閉包的原理以及瀏覽器開發(fā)技巧等，這本書最大的有點(diǎn)就是學(xué)起來有趣，不過翻譯有些小問題，建議有實(shí)力的直接看英文版

這本書所有章節(jié)，都是從具體的實(shí)際問題入手，不糾結(jié)太多語法細(xì)節(jié)，非常推薦

javascript框架設(shè)計(jì)

https://book.douban.com/subject/27133542/

然后推薦《javascript框架設(shè)計(jì)》主要是針對(duì)各種兼容性，包括語言能力擴(kuò)展，選擇器引擎，類，異步模型，動(dòng)畫引擎等，有太多兼容性的處理方案，對(duì)js功底提升明顯，不過在現(xiàn)代瀏覽器普及的今天，稍微有一些過時(shí)，不過還是推薦一下，僅此紀(jì)念一下司徒正美

javascript設(shè)計(jì)模式與開發(fā)實(shí)踐

https://book.douban.com/subject/26382780/

然后推薦設(shè)計(jì)模式相關(guān)，兩本書，主推這本《javascript設(shè)計(jì)模式與開發(fā)實(shí)踐，設(shè)計(jì)模式就是最佳實(shí)踐，就像我們打王者，亞瑟就是要走上單，吉吉國王就是最適合打野，每個(gè)英雄特點(diǎn)不一樣，就會(huì)誕生出各種戰(zhàn)斗力最強(qiáng)的組合和裝備選擇，設(shè)計(jì)模式也是如此，我們通過學(xué)習(xí)前人總結(jié)的最佳實(shí)踐，并且通過js種的實(shí)戰(zhàn)加深理解，包括單例代理工廠迭代器，發(fā)布訂閱享元，裝飾器等模式，和一些常見的編程原則，是一本不可多得的好書，不過例子還是顯得過于分散，其實(shí)我覺得設(shè)計(jì)模式特別適合和前端的組件庫一起講解，通過一個(gè)體系化的組件庫來講解各種不同的設(shè)計(jì)模式，以后有機(jī)會(huì)我寫一本 yeah

學(xué)習(xí)javascript數(shù)據(jù)結(jié)構(gòu)和算法

然后是算法，除了我手里這本，還有一個(gè)挖掘機(jī)配色的js算法書，這兩本其實(shí)講的都還不錯(cuò)，不過我都不推薦，因?yàn)樗惴ㄖ蝗雮€(gè)門是沒意義的，需要體系化的學(xué)習(xí)和刷題，算法我推薦《算法》第四版，java的例子，正好用js重寫一遍，建立完算法知識(shí)體系后，再來看這些js算法書查缺補(bǔ)漏一下更好，以后有機(jī)會(huì)我再做個(gè)節(jié)目推薦一些學(xué)算法的書

如果只看這兩本js的算法書，質(zhì)量雖然不錯(cuò)，但是會(huì)有一鐘學(xué)了很多東西，但實(shí)際沒啥卵用

深入語言細(xì)節(jié)

上面的書看完，就已經(jīng)對(duì)js的方方面面有了一個(gè)很好的掌握了，繼續(xù)進(jìn)階，就需要對(duì)js本身語言設(shè)計(jì)細(xì)節(jié)和執(zhí)行原理有所涉獵了， 當(dāng)年Brendan Eich來過一次中國，有幸合影后，在js作者的光環(huán)下我要開始去研究js的實(shí)現(xiàn)細(xì)節(jié)， 在推薦一系列技術(shù)書之前，先推薦一本剛發(fā)布的電子書

Javascript20周年（歷史書）

https://cn.history.js.org/

本書由 JavaScript 之父 Brendan Eich 與 ES6 規(guī)范首席作者 Allen Wirfs-Brock 聯(lián)合編寫，記錄1995~2015共計(jì) 20 年的 JavaScript 演化經(jīng)歷。全書不僅講解了大量語言技術(shù)細(xì)節(jié)層面的演進(jìn)，更復(fù)盤了更高層面上規(guī)范制定與標(biāo)準(zhǔn)博弈中的歷史成敗，是一部講述人類如何在商業(yè)與技術(shù)上的競(jìng)爭(zhēng)合作中促進(jìn)產(chǎn)業(yè)發(fā)展的故事

現(xiàn)在被知乎的doodlewind雪碧大兄弟翻譯，從語言誕生，創(chuàng)立標(biāo)準(zhǔn)，改革失敗和繼往開來四部分講解javascript如何從一個(gè)草雞語言，發(fā)展到現(xiàn)在的繁榮，除了當(dāng)做八卦看之外，我們能了解現(xiàn)在每個(gè)語法，都不是天生如此，也不是某個(gè)龜腚，而是諸多的權(quán)衡討論的結(jié)果，還能了解現(xiàn)在js的規(guī)范TC39組織推進(jìn)語法改進(jìn)的方式，而且也是裝逼吹牛逼必備的歷史知識(shí)

你不知道的javascript （小黃書）

https://github.com/getify/You-Dont-Know-JS

深入javascript這本語言的設(shè)計(jì)細(xì)節(jié),首先推薦小黃書系列，你不知道的javascript，英文版github開源，但是我覺得看上冊(cè)就夠了，深入了解原型鏈，this，閉包，詞法作用域等，第一次讀到感覺重塑了對(duì)js的理解，中冊(cè)也還不錯(cuò)，關(guān)于異步編程和生成器的內(nèi)容值得一讀，下冊(cè)就算了，就是介紹了一點(diǎn)es6， 期待第二版

how javascript works(電子書和書)

https://book.douban.com/subject/30362974/

還有一本就是精粹的作者寫的 how javascript works，我還在等國內(nèi)發(fā)行，github有開源的版本可以閱讀，探究js的執(zhí)行原理和一些高級(jí)的api，比如v8引擎，內(nèi)存管理，webassembly,mutationObserver, 性能優(yōu)化，語法解析，shaodowdom等方方面面，據(jù)說中文版死月翻譯中，期待一下

這兩本電子書都出版的話，我一定多買點(diǎn)送人

javascript語言精粹與編程實(shí)踐

https://book.douban.com/subject/35085910/

然后重磅推薦我認(rèn)為講解js的《九陰真經(jīng)》，綠寶書，《javascript語言精髓與編程實(shí)踐》，第三版比第二版足足厚了一倍，不是著重于某些功能實(shí)現(xiàn)，而是講解修煉內(nèi)功的大道，開篇就是《天之道，損有余而補(bǔ)不足》，從結(jié)構(gòu)化，面向?qū)ο螅瘮?shù)式，并行和動(dòng)態(tài)五方面來講解js的本質(zhì)，我整整看了七月份一整個(gè)月，簡(jiǎn)短的語言無法介紹這本書，我們專門錄了一個(gè)《前端會(huì)客廳》 邀請(qǐng)到作者周愛民老師詳細(xì)講解這本書，歡迎去觀看

https://www.bilibili.com/video/BV1M5411a7GK

標(biāo)準(zhǔn)文檔ECMA

https://tc39.es/ecma262/

如果你足夠大神，可以直接看標(biāo)準(zhǔn)文檔， 不過很慚愧，我一直沒有讀完這份pdf，爭(zhēng)取明年仔細(xì)學(xué)習(xí)一遍，如果能看完這個(gè)pdf，上面的小黃書之類的就不推薦了

標(biāo)準(zhǔn)組織TC39

https://github.com/tc39/proposals

大家看完了那本《javascript20年后》，就會(huì)知道javascript語言的發(fā)現(xiàn)，現(xiàn)在是由一個(gè)叫tc39的組織在推進(jìn)，大家可以去github圍觀各個(gè)提案，比如最近進(jìn)stage3的class fileds是一個(gè)極具爭(zhēng)議的提案，其他的private-methods, top-level-await, temporal時(shí)間api, 都值得期待

關(guān)于tc39，大家可以關(guān)注tc39委員會(huì)成員賀師俊hax，前端會(huì)客廳第三期也邀請(qǐng)到了賀老一起聊tc39，歡迎移步B站

https://www.bilibili.com/video/BV1xT4y1L7ui

小而美迷你書

最后再推薦一些迷你的小書和一些經(jīng)典過時(shí)的書把

《javascript迷你正則書》 《javascript編程精解》用游戲的方式講解js，很不錯(cuò)

dom啟蒙，javascript異步編程，javascript面向?qū)ο缶琷avascript函數(shù)式編程指南， 都是一些垂直場(chǎng)景的小書，值得一看

javascript迷你正則書

https://github.com/qdlaoyao/js-regex-mini-book

JavaScript編程精解(第3版)

英文在線版

游戲式教學(xué) 體驗(yàn)不錯(cuò)

https://eloquentjavascript.net/

https://book.douban.com/subject/35011711/

dom啟蒙

https://book.douban.com/subject/25882606/

javascript函數(shù)式編程指南

https://book.douban.com/subject/30283769/

JavaScript異步編程

https://book.douban.com/subject/24319975/

JavaScript面向?qū)ο缶?/b>

https://book.douban.com/subject/26352658/

略微過時(shí)，經(jīng)典，值得一讀

還有犀牛書，蝴蝶書和這本精通javascript開發(fā)，都是略微過時(shí)但是值得一讀的經(jīng)典書目，尤其犀牛書，這是對(duì)我影響最大的js書，我當(dāng)年對(duì)js的進(jìn)階，就是看了四遍犀牛書，閱讀體驗(yàn)比紅寶書差一些，更全更像文檔一些，只不過現(xiàn)在過時(shí)了一些，期待第七版的發(fā)布，到時(shí)候再買一本做推薦

然后es6相關(guān)的一些書也不是很推薦了，直接上紅寶書把，比如阮一峰老師的es5標(biāo)準(zhǔn)入門，適合作為工具書查閱細(xì)節(jié)，紅寶書作者寫的深入理解es6，實(shí)戰(zhàn)ES2015都不太推薦了

不太推薦（連犀牛書都過時(shí)了）

，最后大部分動(dòng)物書都過時(shí)了，不推薦閱讀了富應(yīng)用開發(fā)，設(shè)計(jì)模式，模式，高性能，可維護(hù)，數(shù)據(jù)結(jié)構(gòu)和算法， 還有當(dāng)年很喜歡的ppk，月影的王者歸來，現(xiàn)在都不推薦了

最后總結(jié)一下，最簡(jiǎn)單粗暴的路線，就是紅黃綠三步走，紅寶書體系化，小黃書進(jìn)階語言細(xì)節(jié)，綠寶書學(xué)習(xí)javascirpt設(shè)計(jì)思想，其他的作為橫向擴(kuò)展

最后講解一下午自己的學(xué)習(xí)心得，現(xiàn)在vue ，react框架滿天飛的時(shí)代，很多前端不愿意深入js了，這是很不對(duì)的做法，行走江湖，js就是我們手中的大保健，框架固然重要，那是武功秘籍，最終能決定我們能走的多遠(yuǎn)的，還是我們對(duì)兵器本身的理解和內(nèi)力，希望大家都能在js學(xué)習(xí)的路上有自己的心得體會(huì)，歡迎在留言區(qū)交流

當(dāng)然前端也不能只學(xué)js，還有css，計(jì)算機(jī)基礎(chǔ)，甚至還有些吹牛逼的書需要看，給大家秀一下午的書架，大家感興趣的書也可以發(fā)在留言去后續(xù)我測(cè)評(píng)一下，