前端必備javascript書籍測評【含紅寶書和綠皮書】

你們好，我是大聖，今天給你們帶來期待已久的javascript書籍測評，工做者9年多看過的js書大部分都在這了，會分紅這幾個部分來推薦

首先是系統化學習js的書，讓你掌握前端工程師必備的js基礎，

而後是一些橫向擴展的書，好比算法呀，設計模式呀，工程實現呀，框架設計呀等，屬於最佳實踐的類型， 而後是關於語言設計細節的進階書，深刻語言設計的細節，進階和麪試裝逼必備

而後是一些小書，能夠快速翻越，掌握js某一個知識點，  而後是略微過期，可是依然值得一讀的經典，  最後介紹關於es6和不推薦的書

這是文字稿，視頻已經發布在B站，歡迎查看原文查看

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

語言體系化學習

javascript dom編程藝術

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

首先語言自己的體系化學習，首先推薦這本《javascript dom編程藝術》，這本書用簡單的圖片庫和動畫案例，讓你快速入門js，產生興趣，若是想全面的學習js仍是不夠的， 推薦這本剛上線不久的前端聖經，也被幾代前端人稱爲紅寶書

javascript高級程序設計（紅寶書）

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

《javascript高級程序設計》第四版，我手裏還有第二版和第三版，是幾代前端體系化學習js必看的書， 和犀牛書齊名，雖然叫高級程序設計，可是閱讀難度比較低，第四版全面使用es6+的語法，比較意外的是還把生成器迭代器，promise，proxy單獨抽離成了章節，最近有研究vue3源碼，對proxy和reflect困惑的同窗們快去學習吧，除了語法層面的全面更新，瀏覽器方便也加入了dom4的規範，好比mutation observer，這個api在咱們統計一些指標好比FMP的時候頗有用，而後就是canvas，webgl以及各類現代瀏覽器的api，好比文件，通知，web worker，錯誤處理，模塊化以及最佳實踐，第四版絕對是體系化學習js最好的書

並且最近這本書惟一的吐槽點，就是把promise翻譯成了期約，我還專門問了hax，之因此叫期約定，是由於promise這個東西，在有的語言裏叫future， 這裏作了個合併，把future和promise合併，稱之爲期約，其實我也以爲promise不翻譯就ok，可是若是翻譯的話，期約算是很準確了，不過無傷大雅，不耽誤這本書的地位

對了 這本書估計看一遍不夠，看個兩三遍效果更好，十月份我準備再看一遍

其實體系化學習js這兩本就夠了， 還有幾本電子書我也很推薦

現代javascript教程（在線）

https://zh.javascript.info/

一個是《現代javascript教程》 ，實時性作的很是棒，從入門，提高和進階三個方向講解，而且還配有習題和解析，配合紅寶書學習體驗更佳 可是我本人不太愛看電子書， 因此如今把它當作工具書來查詢用

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

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

還有一本就是深刻理解JS特性，是一本很精彩的從es6講起的書，很推薦，可是建議在閱讀紅寶書以後看， 咱們有了前端的知識體系後，這本書的收穫會巨大，並且這哥們有一系列書，後面幾本回頭我看完了再補充，

image-20200929082825882

橫向擴展

學完這些對付通常的前端面試就沒問題了，可是行走江湖只有武器是不夠的，還須要精妙的武功祕籍，也就是最佳實踐

JavaScript忍者祕籍（第2版）

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

首先推薦jquery做者的《javascript忍者祕籍》名字很中二，可是內容包含了實現常見功能的最佳實踐，第二版也是es6+爲主，重點集中在工程問題的捷達上，好比函數的上下文，promis的實現，宏任務微任務，閉包的原理以及瀏覽器開發技巧等，這本書最大的有點就是學起來有趣，不過翻譯有些小問題，建議有實力的直接看英文版

這本書全部章節，都是從具體的實際問題入手，不糾結太多語法細節，很是推薦

javascript框架設計

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

而後推薦《javascript框架設計》主要是針對各類兼容性，包括語言能力擴展，選擇器引擎，類，異步模型，動畫引擎等，有太多兼容性的處理方案，對js功底提高明顯，不過在現代瀏覽器普及的今天，稍微有一些過期，不過仍是推薦一下，僅此記念一下司徒正美

javascript設計模式與開發實踐

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

而後推薦設計模式相關，兩本書，主推這本《javascript設計模式與開發實踐，設計模式就是最佳實踐，就像咱們打王者，亞瑟就是要走上單，吉吉國王就是最適合打野，每一個英雄特色不同，就會誕生出各類戰鬥力最強的組合和裝備選擇，設計模式也是如此，咱們經過學習前人總結的最佳實踐，而且經過js種的實戰加深理解，包括單例代理工廠迭代器，發佈訂閱享元，裝飾器等模式，和一些常見的編程原則，是一本不可多得的好書，不過例子仍是顯得過於分散，其實我以爲設計模式特別適合和前端的組件庫一塊兒講解，經過一個體系化的組件庫來說解各類不一樣的設計模式，之後有機會我寫一本 yeah

學習javascript數據結構和算法

而後是算法，除了我手裏這本，還有一個挖掘機配色的js算法書，這兩本其實講的都還不錯，不過我都不推薦，由於算法只入個門是沒意義的，須要體系化的學習和刷題，算法我推薦《算法》第四版，java的例子，正好用js重寫一遍，創建完算法知識體系後，再來看這些js算法書查缺補漏一下更好，之後有機會我再作個節目推薦一些學算法的書

若是隻看這兩本js的算法書，質量雖然不錯，可是會有一鍾學了不少東西，但實際沒啥卵用

深刻語言細節

上面的書看完，就已經對js的方方面面有了一個很好的掌握了，繼續進階，就須要對js自己語言設計細節和執行原理有所涉獵了， 當年Brendan Eich來過一次中國，有幸合影後，在js做者的光環下我要開始去研究js的實現細節， 在推薦一系列技術書以前，先推薦一本剛發佈的電子書

Javascript20週年（歷史書）

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

本書由 JavaScript 之父 Brendan Eich 與 ES6 規範首席做者 Allen Wirfs-Brock 聯合編寫，記錄1995~2015共計 20 年的 JavaScript 演化經歷。全書不只講解了大量語言技術細節層面的演進，更復盤了更高層面上規範制定與標準博弈中的歷史成敗，是一部講述人類如何在商業與技術上的競爭合做中促進產業發展的故事

如今被知乎的doodlewind雪碧大兄弟翻譯，從語言誕生，創立標準，改革失敗和繼往開來四部分講解javascript如何從一個草雞語言，發展到如今的繁榮，除了當作八卦看以外，咱們能瞭解如今每一個語法，都不是天生如此，也不是某個龜腚，而是諸多的權衡討論的結果，還能瞭解如今js的規範TC39組織推動語法改進的方式，並且也是裝逼吹牛逼必備的歷史知識

你不知道的javascript （小黃書）

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

深刻javascript這本語言的設計細節,首先推薦小黃書系列，你不知道的javascript，英文版github開源，可是我以爲看上冊就夠了，深刻了解原型鏈，this，閉包，詞法做用域等，第一次讀到感受重塑了對js的理解，中冊也還不錯，關於異步編程和生成器的內容值得一讀，下冊就算了，就是介紹了一點es6， 期待第二版

how javascript works(電子書和書)

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

還有一本就是精粹的做者寫的 how javascript works，我還在等國內發行，github有開源的版本能夠閱讀，探究js的執行原理和一些高級的api，好比v8引擎，內存管理，webassembly,mutationObserver, 性能優化，語法解析，shaodowdom等方方面面，聽說中文版死月翻譯中，期待一下

這兩本電子書都出版的話，我必定多買點送人

javascript語言精粹與編程實踐

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

而後重磅推薦我認爲講解js的《九陰真經》，綠寶書，《javascript語言精髓與編程實踐》，第三版比第二版足足厚了一倍，不是着重於某些功能實現，而是講解修煉內功的大道，開篇就是《天之道，損有餘而補不足》，從結構化，面向對象，函數式，並行和動態五方面來說解js的本質，我整整看了七月份一整個月，簡短的語言沒法介紹這本書，咱們專門錄了一個《前端會客廳》 邀請到做者周愛民老師詳細講解這本書，歡迎去觀看

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

標準文檔ECMA

https://tc39.es/ecma262/

若是你足夠大神，能夠直接看標準文檔， 不過很慚愧，我一直沒有讀完這份pdf，爭取明年仔細學習一遍，若是能看完這個pdf，上面的小黃書之類的就不推薦了

標準組織TC39

https://github.com/tc39/proposals

你們看完了那本《javascript20年後》，就會知道javascript語言的發現，如今是由一個叫tc39的組織在推動，你們能夠去github圍觀各個提案，好比最近進stage3的class fileds是一個極具爭議的提案，其餘的private-methods,   top-level-await,  temporal時間api,  都值得期待

關於tc39，你們能夠關注tc39委員會成員賀師俊hax，前端會客廳第三期也邀請到了賀老一塊兒聊tc39，歡迎移步B站

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

小而美迷你書

最後再推薦一些迷你的小書和一些經典過期的書把

《javascript迷你正則書》 《javascript編程精解》用遊戲的方式講解js，很不錯

dom啓蒙，javascript異步編程，javascript面向對象精要，javascript函數式編程指南， 都是一些垂直場景的小書，值得一看

javascript迷你正則書

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

JavaScript編程精解(第3版)

英文在線版

遊戲式教學 體驗不錯

https://eloquentjavascript.net/

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

dom啓蒙

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

javascript函數式編程指南

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

JavaScript異步編程

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

JavaScript面向對象精要

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

略微過期，經典，值得一讀

還有犀牛書，蝴蝶書和這本精通javascript開發，都是略微過期可是值得一讀的經典書目，尤爲犀牛書，這是對我影響最大的js書，我當年對js的進階，就是看了四遍犀牛書，閱讀體驗比紅寶書差一些，更全更像文檔一些，只不過如今過期了一些，期待第七版的發佈，到時候再買一本作推薦

而後es6相關的一些書也不是很推薦了，直接上紅寶書把，好比阮一峯老師的es5標準入門，適合做爲工具書查閱細節，紅寶書做者寫的深刻理解es6，實戰ES2015都不太推薦了

不太推薦（連犀牛書都過期了）

，最後大部分動物書都過期了，不推薦閱讀了富應用開發，設計模式，模式，高性能，可維護，數據結構和算法， 還有當年很喜歡的ppk，月影的王者歸來，如今都不推薦了

最後總結一下，最簡單粗暴的路線，就是紅黃綠三步走，紅寶書體系化，小黃書進階語言細節，綠寶書學習javascirpt設計思想，其餘的做爲橫向擴展

最後講解一下午本身的學習心得，如今vue ，react框架滿天飛的時代，不少前端不肯意深刻js了，這是很不對的作法，行走江湖，js就是咱們手中的大保健，框架當然重要，那是武功祕籍，最終能決定咱們能走的多遠的，仍是咱們對兵器自己的理解和內力，但願你們都能在js學習的路上有本身的心得體會，歡迎在留言區交流

固然前端也不能只學js，還有css，計算機基礎，甚至還有些吹牛逼的書須要看，給你們秀一下午的書架，你們感興趣的書也能夠發在留言去後續我測評一下

歷史精選文章

金九銀十：一年前端的面試分享
2020年中大廠前端面試總結
如何學習React源碼
如何學習源碼 | 如何高效學習一個新知識
爲何要學習源碼，怎麼學習？
我在阿里招前端，我該怎麼幫你？（文末有福利）
如何拿下阿里巴巴 P6 的前端 Offer
如何準備阿里P6/P7前端面試--項目經歷準備篇
大廠面試官常問的亮點，該如何作出？
如何從初級到專家(P4-P7)打破成長瓶頸和有效突破
若川知乎問答：2年前端經驗，作的項目沒什麼技術含量，怎麼辦？

最後

通常人都看不到文章末尾，看到這裏你已經超越90%的人了。

1. 關注個人公衆號 若川視野，回覆" pdf" 領取前端優質書籍pdf
2. 個人博客地址： https://lxchuan12.gitee.io 歡迎收藏
3. 以爲文章不錯，能夠點個在看呀^_^另外歡迎留言或加我微信加羣交流～

小提醒：若川視野公衆號源碼系列等文章合集在菜單欄中間【源碼精選】按鈕，歡迎點擊閱讀

本文分享自微信公衆號 - 若川視野（lxchuan12-wx）。
若有侵權，請聯繫 support@oschina.cn 刪除。
本文參與「OSC源創計劃」，歡迎正在閱讀的你也加入，一塊兒分享。