前端必备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源创计划”，欢迎正在阅读的你也加入，一块儿分享。