JavaScript 开发者应懂的 33 个概念

Dear 丶 2021-12-05 03:27 251阅读 0赞

# JavaScript开发者应懂的33个概念 #

[![Fundebug][]][Fundebug 1]

[Fundebug][Fundebug 1]

一行代码搞定BUG监控：www.fundebug.com

关注她

356 人赞同了该文章

**摘要：** 基础很重要啊！

*  原文：[33 concepts every JavaScript developer should know][]
 *  译文：[每个 JavaScript 工程师都应懂的33个概念][JavaScript _33]
 *  作者：[stephentian][]

**[Fundebug][Fundebug 2]经授权转载，版权归原作者所有。**

## **简介** ##

这个项目是为了帮助开发者掌握 JavaScript 概念而创立的。它不是必备，但在未来学习（JavaScript）中，可以作为一篇指南。

> *本篇文章是参照 @leonardomso 创立，英文版项目地址在[这里][33 concepts every JavaScript developer should know]。*  
> *由于原版资源都要翻墙，所以本人创立一个中文版，附上关于这些概念在国内的一些文章和视频。*  
> *若有觉得更好的文章或者视频，可以贡献出来，觉得有误的，请联系我删除。*

## **更新** ##

若有觉得更好的文章或者视频，可以贡献出来，觉得有误的，请联系我删除。

*  文章的排序优化，前面的文章是介绍概念，后面的文章是深入解读。
 *  将原文的 “高阶函数” 和 “map, reduce, filter” 合并为 “map, reduce, filter 等高阶函数”
 *  增加 “promise” 概念(替换删除的 “高阶函数”)
 *  2018-10-24 更新：@BuptStEve 贡献的三篇关于“函数式编程”方面的文章

## **目录** ##

*  调用堆栈
 *  原始类型
 *  值类型和引用类型
 *  隐式, 显式, 名义和鸭子类型
 *  == 与 ===, typeof 与 instanceof
 *  this, call, apply 和 bind
 *  函数作用域, 块级作用域和词法作用域
 *  闭包
 *  map, reduce, filter 等高阶函数
 *  表达式和语句
 *  变量提升
 *  Promise
 *  立即执行函数, 模块化, 命名空间
 *  递归
 *  算法
 *  数据结构
 *  消息队列和事件循环
 *  setTimeout, setInterval 和 requestAnimationFrame
 *  继承, 多态和代码复用
 *  按位操作符, 类数组对象和类型化数组
 *  DOM 树和渲染过程
 *  new 与构造函数, instanceof 与实例
 *  原型继承与原型链
 *  Object.create 和 Object.assign
 *  工厂函数和类
 *  设计模式
 *  Memoization
 *  纯函数, 函数副作用和状态变化
 *  耗性能操作和时间复杂度
 *  JavaScript 引擎
 *  二进制, 十进制, 十六进制, 科学记数法
 *  偏函数, 柯里化, Compose 和 Pipe
 *  代码整洁之道

## **1. 调用堆栈** ##

**文章**

*  [Call Stack — MDN][Call Stack _ MDN]
 *  [\[译\] JavaScript 如何工作：对引擎、运行时、调用堆栈的概述 —— 掘金][JavaScript _ _]
 *  [\[译\] 理解 JavaScript 中的执行上下文和执行栈 —— 掘金][_ JavaScript _ _]
 *  [这一次，彻底弄懂 JavaScript 执行机制 —— 掘金][JavaScript _ _ 1]
 *  [解读 JavaScript 之引擎、运行时和堆栈调用 —— 开源中国][JavaScript _ _ 2]
 *  [Tasks, microtasks, queues and schedules —— Jake Archibald][Tasks_ microtasks_ queues and schedules _ Jake Archibald]

**视频**

*  [What is the event loop anyway? —— 腾讯视频(英文字幕)][What is the event loop anyway_ _]
 *  [Understanding The JavaScript Call Stack, Event Queue, Event Table, & Event Loop —— Bilibili][Understanding The JavaScript Call Stack_ Event Queue_ Event Table_ _ Event Loop _ Bilibili]
 *  [JS 中的变量提升、堆栈内存及闭包详解 —— Acfun][JS _ _ Acfun]
 *  [事件循环模型 —— PHP 中文网][_ PHP]

## **2. 原始类型** ##

**文章**

*  [原始数据 —— MDN][_ MDN]
 *  [ECMAScript 原始类型 —— W3school][ECMAScript _ _ W3school]
 *  [How numbers are encoded in JavaScript —— Dr. Axe][How numbers are encoded in JavaScript _ Dr. Axe]
 *  [每一个 JavaScript 开发者应该了解的浮点知识 —— 颜海镜][JavaScript _ _ 3]
 *  [JavaScript 标准参考教程(基本语法之数值) —— 阮一峰][JavaScript _ _ 4]
 *  [The Secret Life of JavaScript Primitives —— Angus Croll][The Secret Life of JavaScript Primitives _ Angus Croll]

**视频**

*  [javascript 六种数据类型 —— 慕课网][javascript _ _]
 *  [javascript 视频教程(数据类型) —— PHP 中文网][javascript _ _ PHP]

## **3. 值类型和引用类型** ##

**文章**

*  [ECMAScript 引用类型 —— W3school][ECMAScript _ _ W3school 1]
 *  [js 中的值类型和引用类型的区别 —— 博客园][js _ _]
 *  [JavaScript 的值传递和引用传递 —— FunDebug][JavaScript _ _ FunDebug]
 *  [Primitive Types & Reference Types in JavaScript —— Bran van der Meer][Primitive Types _ Reference Types in JavaScript _ Bran van der Meer]
 *  [JavaScript: Passing by Value or by Reference —— CSDN][JavaScript_ Passing by Value or by Reference _ CSDN]
 *  [js 值引用和值复制 —— SegmentFault][js _ _ SegmentFault]
 *  [js- 引用和复制(传值和传址) —— CSDN][js- _ _ CSDN]

## **4. 隐式, 显式, 名义和鸭子类型** ##

**文章**

*  [ECMAScript 类型转换 —— W3school][ECMAScript _ _ W3school 2]
 *  [JavaScript 的怪癖 1：隐式类型转换 —— justjavac][JavaScript _ 1_ _ justjavac]
 *  [JavaScript 运算符规则与隐式类型转换详解 —— 掘金][JavaScript _ _ 5]
 *  [聊一聊 JS 中的隐式类型转换 —— SegmentFault][JS _ _ SegmentFault]
 *  [有趣的 JavaScript 隐式类型转换 —— 博客园][JavaScript _ _ 6]
 *  [JavaScript 显式类型转换与隐式类型转换 —— CSDN][JavaScript _ _ CSDN]
 *  [你不知道的 JavaScript（中卷）强制类型转换 —— 简书][JavaScript_ _]
 *  [你懂 JavaScript 嗎？\#8 強制轉型 —— cythilya][JavaScript _8 _ _ cythilya]
 *  [动态类型语言和鸭子类型 —— 曾探][Link 1]
 *  [Nominal & Structural Typing —— flow][Nominal _ Structural Typing _ flow]
 *  [What exactly is Type Coercion in Javascript? —— stackoverflow][What exactly is Type Coercion in Javascript_ _ stackoverflow]
 *  [You Don’t Know JS: Types & Grammar —— github][You Don_t Know JS_ Types _ Grammar _ github]

**视频**

*  [javascript 隐式转换 —— 慕课网][javascript _ _ 1]
 *  [Javascript 基础加强-类型转换 —— 黑马程序员][Javascript _-_ _]

## **5. == vs ===, typeof vs instanceof** ##

**文章**

*  [JavaScript 中的相等性判断 —— MDN][JavaScript _ _ MDN]
 *  [js 中 == 和 === 的区别 —— 掘金][js _ _ _ _ _ _]
 *  [== vs === in Javascript —— CSDN][vs _ in Javascript _ CSDN]
 *  [深入理解 javascript 之 typeof 和 instanceof —— CSDN][javascript _ typeof _ instanceof _ CSDN]
 *  [JavaScript 的 typeof 的用途 —— justjavac][JavaScript _ typeof _ _ justjavac]
 *  [一张图看懂 Function 和 Object 的关系及简述 instanceof 运算符 —— 掘金][Function _ Object _ instanceof _ _]
 *  [浅谈 instanceof 和 typeof 的实现原理 —— 掘金][instanceof _ typeof _ _]
 *  [js 中 typeof 与 instanceof 用法 —— 博客园][js _ typeof _ instanceof _ _]

## **6. this, call, apply 和 bind** ##

**文章**

*  [Javascript 的 this 用法 —— 阮一峰][Javascript _ this _ _]
 *  [学会 JS 的 this 这一篇就够了，根本不用记 —— 简书][JS _ this _ _]
 *  [\[译\] this（他喵的）到底是什么 — 理解 JavaScript 中的 this、call、apply 和 bind —— 掘金][this_ _ _ JavaScript _ this_call_apply _ bind _]
 *  [this、apply、call、bind —— 掘金][this_apply_call_bind _]
 *  [使用 call、apply 和 bind 解决 js 中烦人的 this，事件绑定时的 this 和传参问题 —— 博客园][call_apply _ bind _ js _ this_ this _ _]
 *  [call、apply 和 bind 的原生实现 —— github][call_apply _ bind _ _ github]
 *  [详解 JS 中的 this、apply、call、bind(经典面试题) —— 脚本之家][JS _ this_apply_call_bind_ _]

**视频**

*  [JavaScript 关于 this 关键字解释 —— 爱奇艺][JavaScript _ this _ _]
 *  [JS 关于作用域闭包和 this 的综合面试题 —— 百度视频][JS _ this _ _ 1]
 *  [js 面向对象闭包数组 12.函数中的 this —— 乐视视频][js _ 12._ this _]
 *  [1.3.10-this 指向及 this 应用 —— 乐视视频][1.3.10-this _ this _ _]
 *  [珠峰培训 JavaScript 开发课程：关于 this 关键字、闭包作用域 —— 网易云课堂][JavaScript _ this _ _ 1]

## **7. 函数作用域, 块级作用域和词法作用域** ##

**文章**

*  [变量作用域与解构赋值 —— 廖雪峰][Link 2]
 *  [学习 Javascript 闭包（Closure） —— 阮一峰][Javascript _Closure_ _]
 *  [JavaScript 中词法作用域、闭包与跳出闭包 —— SegmentFault][JavaScript _ _ SegmentFault]
 *  [JavaScript 深入之词法作用域和动态作用域 —— 掘金][JavaScript _ _ 7]
 *  [深入理解闭包之前置知识 → 作用域与词法作用域 —— 掘金][_ _ _]
 *  [What is lexical scope? —— stackoverflow][What is lexical scope_ _ stackoverflow]
 *  [You Don’t Know JS: Scope & Closures —— Kyle Simpson][You Don_t Know JS_ Scope _ Closures _ Kyle Simpson]

## **8. 闭包** ##

**文章**

*  [闭包 —— MDN][_ MDN 1]
 *  [ECMAScript 闭包（closure）—— w3school][ECMAScript _closure_ w3school]
 *  [学习 Javascript 闭包（Closure） —— 阮一峰][Javascript _Closure_ _]
 *  [闭包 —— 廖雪峰][Link 3]
 *  [一次性搞懂 JavaScript 闭包 —— 简书][JavaScript _ _ 8]
 *  [JavaScript 闭包 —— SegmentFault][JavaScript _ _ SegmentFault 1]
 *  [js 匿名自执行函数中闭包的高级使用 —— 掘金][js _ _ 1]
 *  [高效使用 JavaScript 闭包 —— 掘金][JavaScript _ _ 9]

**视频**

*  [JavaScript 闭包和闭包面试题 —— 爱奇艺][JavaScript _ _ 10]
 *  [js 面向对象闭包数组 11.闭包 —— 乐视][js _ 11._ _]
 *  [白贺翔\_函数(闭包) —— 乐视][Link 4]

## **9. map, reduce, filter 等高阶函数** ##

**文章**

*  [高阶函数 —— 廖雪峰][Link 5]
 *  [ES5 中新增的 Array 方法详细说明 —— 张鑫旭][ES5 _ Array _ _]
 *  [一张图看懂 JavaScript 中数组的迭代方法：forEach、map、filter、reduce、every、some —— 掘金][JavaScript _forEach_map_filter_reduce_every_some _]
 *  [Transducing（上）－《JavaScript 轻量级函数式编程》 —— SegmentFault][Transducing_JavaScript _ _ SegmentFault]
 *  [JavaScript 函数式编程（三） —— @BuptStEve][JavaScript _ _ _BuptStEve]

## **10. 表达式和语句** ##

**文章**

*  [js 表达式与语句 —— 博客园][js _ _ 2]
 *  [JS 表达式和语句的区别 —— SegmentFault][JS _ _ SegmentFault 1]
 *  [JavaScript 中的表达式（expression）和语句/声明（statement） —— CSDN][JavaScript _expression_statement_ _ CSDN]
 *  [重讀 Axel 的 Javascript 中的 Expression vs Statement 一文 —— SegmentFault][Axel _ Javascript _ Expression vs Statement _ _ SegmentFault]
 *  [Expressions versus statements in JavaScript —— Dr. Axel][Expressions versus statements in JavaScript _ Dr. Axel]

## **11. 变量提升** ##

**文章**

*  [JavaScript 变量提升 —— 菜鸟教程][JavaScript _ _ 11]
 *  [ES6 变量作用域与提升：变量的生命周期详解 —— 掘金][ES6 _ _]
 *  [\[翻译\] JavaScript Scoping and Hoisting —— SegmentFault][JavaScript Scoping and Hoisting _ SegmentFault]
 *  [JavaScript Scoping and Hoisting —— Ben Cherry][JavaScript Scoping and Hoisting _ Ben Cherry]

## **12. Promise** ##

**文章**

*  [使用 promises —— MDN][promises _ MDN]
 *  [Promise —— MDN][Promise _ MDN]
 *  [Promie — 廖雪峰][Promie _]
 *  [JavaScript Promise：去而复返 —— 司徒正美][JavaScript Promise_ _]
 *  [(上面的原文)JavaScript Promise：简介 —— Web Fundamentals][JavaScript Promise_ _ Web Fundamentals]
 *  [1 分钟读完《10 分钟学会 JavaScript 的 Async/Await》 —— justjavac][1 _10 _ JavaScript _ Async_Await_ _ justjavac]
 *  [JavaScript Promise 迷你书（中文版）][JavaScript Promise]
 *  [JavaScript 进阶之路——认识和使用 Promise，重构你的 Js 代码 —— 博客园][JavaScript _ Promise_ Js _ _]

## **视频** ##

*  [Promise 入门 —— 慕课网][Promise _ _]

## **13. 立即执行函数, 模块化, 命名空间** ##

**文章**

*  [Javascript 模块化编程（一）：模块的写法 —— 阮一峰][Javascript _ _]
 *  [javascript 模块化编程-详解立即执行函数表达式 —— 简书][javascript _-_ _]
 *  [Javascript 的匿名函数与自执行 —— 掘金][Javascript _ _ 1]
 *  [前端模块化——技术选型 —— SegmentFault][_ SegmentFault]
 *  [谈谈 Js 前端模块化规范 —— SegmentFault][Js _ _ SegmentFault]

## **14. 递归** ##

**文章**

*  [求解释 js 递归 —— SegmentFault][js _ _ SegmentFault 1]
 *  [JavaScript 中的递归 —— 掘金][JavaScript _ _ 12]
 *  [递归（上）－《JavaScript 轻量级函数式编程》 —— 掘金][JavaScript _ _ 13]
 *  [递归（下）－《JavaScript 轻量级函数式编程》 —— 掘金][JavaScript _ _ 14]
 *  [尾调用和尾递归 —— 掘金][Link 6]
 *  [几个经典递归问题用 js 实现 —— CSDN][js _ _ CSDN]
 *  [递归函数的几个例子 —— CSDN][_ CSDN]

## **15. 算法** ##

**文章**

*  [十大经典排序算法总结（JavaScript 描述） —— 掘金][JavaScript _ _ 15]
 *  [在 JavaScript 中学习数据结构与算法 —— 掘金][JavaScript _ _ 16]
 *  [JS 中可能用得到的全部的排序算法 —— 掘金][JS _ _]
 *  [JS 家的排序算法 —— 简书][JS _ _ 1]
 *  [前端常见算法的 JS 实现 —— SegmentFault][JS _ _ SegmentFault 2]
 *  [前端面试中的常见的算法问题 ——蒲小花的博客][Link 7]

**视频**

*  [Javascript 实现二叉树算法 —— 慕课网][Javascript _ _ 2]

## **16. 数据结构** ##

**文章**

*  [来我们浅谈一下 js 的数据结构 —— 简书][js _ _ 3]
 *  [JavaScript 中的算法与数据结构 —— 简书][JavaScript _ _ 17]
 *  [学 JS 必看-JavaScript 数据结构深度剖析 —— 大道至简的博客][JS _-JavaScript _ _]
 *  [js 中基础数据结构数组去重问题 —— 掘金][js _ _ 4]

**视频**

*  [JavaScript 数据结构-运算符 —— 乐视][JavaScript _-_ _]

## **17. 消息队列和事件循环** ##

**文章**

*  [并发模型与事件循环 —— MDN][_ MDN 2]
 *  [JavaScript 运行机制详解：再谈 Event Loop —— 阮一峰][JavaScript _ Event Loop _]
 *  [深入理解 JavaScript 事件循环 —— 博客园][JavaScript _ _ 18]
 *  [深入浅出 Javascript 事件循环机制 —— 知乎][Javascript _ _ 3]
 *  [JS 事件循环机制（event loop）之宏任务、微任务 —— SegmentFault][JS _event loop_ _ SegmentFault]
 *  [JavaScript：彻底理解同步、异步和事件循环 —— SegmentFault][JavaScript_ _ SegmentFault]
 *  [从浏览器多进程到 JS 单线程，JS 运行机制最全面的一次梳理 —— 掘金][JS _JS _ _]

## **18. setTimeout, setInterval 和 requestAnimationFrame** ##

**文章**

*  [Window setTimeout() 方法 —— 菜鸟教程][Window setTimeout_ _ _]
 *  [Window setInterval() 方法 —— 菜鸟教程][Window setInterval_ _ _]
 *  [关于 setTimeout —— 掘金][setTimeout _]
 *  [你不知道的 Javascript：有趣的 setTimeout —— 掘金][Javascript_ setTimeout _]
 *  [原来你是这样的 setTimeout —— 掘金][setTimeout _ 1]
 *  [setTimeout() 和 setInterval() 本质区别在哪里？ —— SegmentFault][setTimeout_ _ setInterval_ _ _ SegmentFault]
 *  book: [window.requestAnimationFrame —— MDN][window.requestAnimationFrame _ MDN]
 *  [requestAnimationFrame 知多少？ —— 博客园][requestAnimationFrame _ _]
 *  [CSS3 动画那么强，requestAnimationFrame 还有毛线用？ —— 张鑫旭][CSS3 _requestAnimationFrame _ _]
 *  [「JavaScript 定时器」setInterval、setTimeout 和 requestAnimationFrame 浅析 —— SegmentFault][JavaScript _setInterval_setTimeout _ requestAnimationFrame _ _ SegmentFault]
 *  [翻译：setInterval 与 requestAnimationFrame 的时间间隔测试 —— SegmentFault][setInterval _ requestAnimationFrame _ _ SegmentFault]
 *  [阿里前端面试题：requestAnimationFrame 实现类似 setInterval 的计时器 —— SegmentFault][requestAnimationFrame _ setInterval _ _ SegmentFault]

**视频**

*  [setTimeout 和 setInterval —— 优酷][setTimeout _ setInterval _]

## **19. 继承, 多态和代码复用** ##

**文章**

*  [JS 面向对象编程之：封装、继承、多态 —— 博客园][JS _ _ 2]
 *  [Javascript 的继承与多态 —— 简书][Javascript _ _ 4]
 *  [js:面向对象编程，带你认识封装、继承和多态 —— 掘金][js_ _]
 *  [JavaScript 中的“多继承” —— 掘金][JavaScript _ _ 19]
 *  [代码复用模式 —— github][_ github]
 *  [深入理解 JavaScript：代码复用模式(推荐篇) —— 汤姆大叔][JavaScript_ _ 1]
 *  [深入理解 JavaScript：代码复用模式(避免篇) —— 汤姆大叔][JavaScript_ _ 2]

## **20. 按位操作符, 类数组对象和类型化数组** ##

**文章**

*  [按位操作符 —— MDN][_ MDN 3]
 *  [类数组对象 —— MDN][_ MDN 4]
 *  [类型化数组 —— MDN][_ MDN 5]
 *  [JavaScript ArrayBuffer 浅析 —— 博客园][JavaScript ArrayBuffer _ _]

## **21. DOM 树和渲染过程** ##

**文章**

*  [如何创建一个 DOM 树 —— MDN][DOM _ _ MDN]
 *  [HTML DOM 节点 —— W3school][HTML DOM _ _ W3school]
 *  [DOM 概述 —— 阮一峰][DOM _ _]
 *  [《JavaScript 闯关记》之 DOM（上）—— 掘金][JavaScript _ DOM_]
 *  [《JavaScript 闯关记》之 DOM（下）—— 掘金][JavaScript _ DOM_ 1]
 *  [掌握 DOM 操作 —— 掘金][DOM _ _ 1]
 *  [操作 DOM —— 廖雪峰][DOM _]
 *  [原来 CSS 与 JS 是这样阻塞 DOM 解析和渲染的 —— 掘金][CSS _ JS _ DOM _ _]

**视频**

*  [DOM 探索之基础详解篇 —— 慕课网][DOM _ _ 2]
 *  [DOM 事件探秘 —— 慕课网][DOM _ _ 3]
 *  [jQuery 基础(二)DOM 篇 —— 慕课网][jQuery _DOM _ _]
 *  [JS 操作 DOM 对象属性和方法 —— 爱奇艺][JS _ DOM _ _]

## **22. new 与构造函数, instanceof 与实例** ##

**文章**

*  [构造函数与 new 命令 —— 阮一峰][new _ _]
 *  [Javascript 面向对象编程（二）：构造函数的继承 —— 阮一峰][Javascript _ _ 5]
 *  [完整原型链详细图解(构造函数、原型、实例化对象) —— CSDN][_ CSDN 1]
 *  [JavaScript 中构造函数与 new 操作符的实例详解 —— PHP 中文网][JavaScript _ new _ _ PHP]
 *  [构造函数、实例、原型、原型链之间的关系 —— CSDN][_ CSDN 2]
 *  [深入理解 JS—instanceof 和原型链 —— CSDN][JS_instanceof _ _ CSDN]
 *  [前端基础进阶（九）：详解面向对象、构造函数、原型与原型链 —— 简书][Link 8]
 *  [js 用 new 实例化对象与直接调用的 this 的区别 —— 简书][js _ new _ this _ _]
 *  [JavaScript 并非所有的东西都是对象 —— justjavac][JavaScript _ _ justjavac]
 *  [JavaScript instanceof 运算符深入剖析 —— IBM][JavaScript instanceof _ _ IBM]

**视频**

*  [改良版的构造函数 —— 乐视][Link 9]

## **23. 原型继承与原型链** ##

**文章**

*  [继承与原型链 —— MDN][_ MDN 6]
 *  [构造函数、原型与原型链 —— github][_ github 1]
 *  [原型及原型链 —— github(1269 Star)][_ github_1269 Star]
 *  [理清 javascript 中的面向对象(一) 原型继承 —— SegmentFault][javascript _ _ _ SegmentFault]
 *  [JavaScript：继承和原型链(译) —— justjavac][JavaScript_ _ justjavac]
 *  [三张图搞懂 JavaScript 的原型对象与原型链 —— 博客园][JavaScript _ _ 20]
 *  [一张图让你搞懂 JavaScript 的继承与原型链 —— CSDN][JavaScript _ _ CSDN 1]
 *  [JS 高级–原型链(一看就懂，但 18 岁以下请绕道) —— CSDN][JS _ 18 _ _ CSDN]
 *  [原型继承 —— 廖雪峰][Link 10]
 *  [JS 原型链与继承别再被问倒了 —— 掘金][JS _ _ 3]
 *  [征服 JavaScript 面试系列：类继承和原型继承的区别 —— 掘金][JavaScript _ _ 21]

**视频**

*  [JS 高级-07-原型链继承 —— 乐视][JS _-07-_ _]
 *  [JS 原型对象和原型链简介 —— 腾讯视频][JS _ _ 4]

## **24. Object.create 和 Object.assign** ##

**文章**

*  [Object.create —— MDN][Object.create _ MDN]
 *  [Object.assign —— MDN][Object.assign _ MDN]
 *  [Object.create vs Object.assign —— 慕课网手记][Object.create vs Object.assign _]
 *  [JS 中的 Object.assign()、Object.create()、Object.defineProperty() —— CSDN][JS _ Object.assign_Object.create_Object.defineProperty_ _ CSDN]
 *  [es6 中 object.create()和 object.assign() —— 风信子博客][es6 _ object.create_ object.assign_ _]
 *  [Object-Assign-Deep —— github][Object-Assign-Deep _ github]

## **25. 工厂函数和类** ##

**文章**

*  [类 —— MDN][_ MDN 7]
 *  [类和实例 —— 廖雪峰][Link 11]
 *  [Javascript 定义类（class）的三种方法 —— 阮一峰][Javascript _class_ _]
 *  [【译】ES6 的工厂函数 —— 掘金][ES6 _ _ 1]
 *  [JavaScript 创建对象之单例、工厂、构造函数模式 —— 掘金][JavaScript _ _ 22]

## **26. 设计模式** ##

**文章**

*  [设计模式 —— 阮一峰][Link 12]
 *  [JavaScript 设计模式 —— 掘金][JavaScript _ _ 23]
 *  [学用 JavaScript 设计模式 —— 极客学院][JavaScript _ _ 24]
 *  [\[面试专题\]JS 设计模式 —— SegmentFault][JS _ _ SegmentFault 3]
 *  [JavaScript Patterns 中译本 —— github][JavaScript Patterns _ _ github]

**视频**

*  [HTML5 课程大纲 2-11JS 设计模式][HTML5 _ 2-11JS]

## **27. Memoization** ##

**文章**

*  [JavaScript Memoization —— 司徒正美][JavaScript Memoization _]
 *  [memoization 提升递归效率 —— 博客园][memoization _ _]
 *  [如何提升 JavaScript 的递归效率 —— 51CTO][JavaScript _ _ 51CTO]
 *  [JavaScript 高级技巧 Memoization —— SegmentFaut][JavaScript _ Memoization _ SegmentFaut]

## **28. 纯函数, 函数副作用和状态变化** ##

**文章**

*  [纯函数(Pure Function) —— React.js 小书][Pure Function_ _ React.js]
 *  [JavaScript Functional Programming：纯函数 —— 宁皓网][JavaScript Functional Programming_ _]
 *  [js 函数的副作用分析 —— 脚本之家][js _ _ 5]
 *  [如何使用纯函数式 JavaScript 处理脏副作用 —— 掘金][JavaScript _ _ 25]
 *  [原生 JavaScript 实现 state 状态管理系统 —— 博客园][JavaScript _ state _ _]
 *  [JavaScript 函数式编程 —— @BuptStEve][JavaScript _ _ _BuptStEve 1]

## **29. 耗性能操作和时间复杂度** ##

**文章**

*  [时间复杂度 O(log n) 意味着什么？ —— 掘金][O_log n_ _ _]
 *  [算法的时间复杂度和空间复杂度 —— 掘金][Link 13]
 *  [算法（一）时间复杂度 —— 掘金][Link 14]
 *  [Big O Search Algorithms in JavaScript —— Bradley Braithwaite][Big O Search Algorithms in JavaScript _ Bradley Braithwaite]
 *  [Time Complexity Analysis in JavaScript — Jennifer Bland][Time Complexity Analysis in JavaScript _ Jennifer Bland]  
    \-

## **30. JavaScript 引擎** ##

**文章**

*  [javascript 引擎 —— 百度百科][javascript _ _ 2]
 *  [V8(JavaScript 引擎) —— 百度百科][V8_JavaScript _ _]
 *  [图解搞懂 JavaScript 引擎 Event Loop —— 掘金][JavaScript _ Event Loop _ 1]3
 *  [V8 JavaScript 引擎：高性能的 ES2015+ —— justjavac][V8 JavaScript _ ES2015_ _ justjavac]
 *  [10 分钟理解 JS 引擎的执行机制 —— SegmentFaut][10 _ JS _ _ SegmentFaut]
 *  [V8 javascript 引擎 —— 博客园][V8 javascript _ _]

## **31. 二进制, 十六进制, 十进制, 科学记数法** ##

**文章**

*  [二、八、十、十六进制转换(图解篇) —— 博客园][Link 15]
 *  [JavaScript 读写二进制数据 —— 掘金][JavaScript _ _ 26]

**视频**

*  [二进制、十进制、十六进制互相转化很难吗？ —— 百度视频][Link 16]

## **32. 偏函数, 柯里化, Compose 和 Pipe** ##

**文章**

*  [Javascript 函数式编程之偏函数 —— CSDN][Javascript _ _ CSDN]
 *  [JavaScript 专题之偏函数 —— SegmentFault][JavaScript _ _ SegmentFault 2]
 *  [柯里化和偏函数有什么区别？ —— SegmentFault][_ SegmentFault 1]
 *  [Javascript 偏函数与柯里化 —— CSDN][Javascript _ _ CSDN 1]
 *  [柯里化(curry) —— JS 函数式编程指南][curry_ _ JS]
 *  [代码组合(compose) —— JS 函数式编程指南][compose_ _ JS]
 *  [关于 javascript 函数式编程中 compose 的实现 —— SegmentFault][javascript _ compose _ _ SegmentFault]
 *  [实现 compose 的五种思路 —— SegmentFault][compose _ _ SegmentFault]
 *  [JavaScript 函数式编程之函数组合函数 compose 和 pipe 的实现 —— SegmentFault][JavaScript _ compose _ pipe _ _ SegmentFault]
 *  [JavaScript 轻量级函数式编程-第 4 章:组合函数 ——掘金][JavaScript _-_ 4 _]
 *  [JavaScript 函数式编程（二） —— @BuptStEve][JavaScript _ _ _BuptStEve 2]

## **33. 代码整洁之道** ##

**文章**

*  [\[译\] JavaScript 代码整洁之道 —— 边城][JavaScript _ _ 27]
 *  [Javascript 编程风格 —— 阮一峰][Javascript _ _ 6]
 *  [重构 - 代码整洁之道 —— 掘金][- _ _]
 *  [让你的代码更简短，更整洁，更易读的 ES6 小技巧 —— 掘金][ES6 _ _ 2]
 *  [Web 前端：11 个让你代码整洁的原则 —— 伯乐在线][Web _11 _ _]

编辑于 2019-05-15

「Debug就用Fundebug!」

[Fundebug]: /images/20211205/1e8bc627ef254e51b3d9d2994a0e93ec.png
[Fundebug 1]: https://www.zhihu.com/people/fundebug
[33 concepts every JavaScript developer should know]: https://link.zhihu.com/?target=https%3A//github.com/leonardomso/33-js-concepts
[JavaScript _33]: https://link.zhihu.com/?target=https%3A//github.com/stephentian/33-js-concepts
[stephentian]: https://link.zhihu.com/?target=https%3A//github.com/stephentian
[Fundebug 2]: https://link.zhihu.com/?target=https%3A//www.fundebug.com/
[Call Stack _ MDN]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/en-US/docs/Glossary/Call_stack
[JavaScript _ _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5a05b4576fb9a04519690d42%23comment
[_ JavaScript _ _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5ba32171f265da0ab719a6d7
[JavaScript _ _ 1]: https://link.zhihu.com/?target=https%3A//juejin.im/post/59e85eebf265da430d571f89
[JavaScript _ _ 2]: https://link.zhihu.com/?target=https%3A//www.oschina.net/translate/how-does-javascript-actually-work-part-1
[Tasks_ microtasks_ queues and schedules _ Jake Archibald]: https://link.zhihu.com/?target=https%3A//jakearchibald.com/2015/tasks-microtasks-queues-and-schedules/
[What is the event loop anyway_ _]: https://link.zhihu.com/?target=https%3A//v.qq.com/x/page/h0372bld8re.html%3Fptag%3Dqqbrowser
[Understanding The JavaScript Call Stack_ Event Queue_ Event Table_ _ Event Loop _ Bilibili]: https://link.zhihu.com/?target=https%3A//www.bilibili.com/video/av33824933/
[JS _ _ Acfun]: https://link.zhihu.com/?target=http%3A//www.acfun.cn/v/ac4495641
[_ PHP]: https://link.zhihu.com/?target=http%3A//www.php.cn/code/21194.html
[_ MDN]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Glossary/Primitive
[ECMAScript _ _ W3school]: https://link.zhihu.com/?target=http%3A//www.w3school.com.cn/js/pro_js_primitivetypes.asp
[How numbers are encoded in JavaScript _ Dr. Axe]: https://link.zhihu.com/?target=http%3A//2ality.com/2012/04/number-encoding.html
[JavaScript _ _ 3]: https://link.zhihu.com/?target=https%3A//yanhaijing.com/javascript/2014/03/14/what-every-javascript-developer-should-know-about-floating-points/
[JavaScript _ _ 4]: https://link.zhihu.com/?target=https%3A//wangdoc.com/javascript/types/number.html
[The Secret Life of JavaScript Primitives _ Angus Croll]: https://link.zhihu.com/?target=https%3A//javascriptweblog.wordpress.com/2010/09/27/the-secret-life-of-javascript-primitives/
[javascript _ _]: https://link.zhihu.com/?target=https%3A//www.imooc.com/video/5674
[javascript _ _ PHP]: https://link.zhihu.com/?target=http%3A//www.php.cn/code/5808.html
[ECMAScript _ _ W3school 1]: https://link.zhihu.com/?target=http%3A//www.w3school.com.cn/js/pro_js_referencetypes.asp
[js _ _]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/leiting/p/8081413.html
[JavaScript _ _ FunDebug]: https://link.zhihu.com/?target=https%3A//blog.fundebug.com/2017/08/09/explain_value_reference_in_js/
[Primitive Types _ Reference Types in JavaScript _ Bran van der Meer]: https://link.zhihu.com/?target=https%3A//docstore.mik.ua/orelly/webprog/jscript/ch04_04.htm
[JavaScript_ Passing by Value or by Reference _ CSDN]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/xiaojia_boke/article/details/54906509
[js _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000015411195
[js- _ _ CSDN]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/zzzaquarius/article/details/4902235
[ECMAScript _ _ W3school 2]: https://link.zhihu.com/?target=http%3A//www.w3school.com.cn/js/pro_js_typeconversion.asp
[JavaScript _ 1_ _ justjavac]: https://link.zhihu.com/?target=http%3A//justjavac.com/javascript/2013/04/08/javascript-quirk-1-implicit-conversion-of-values.html
[JavaScript _ _ 5]: https://link.zhihu.com/?target=https%3A//juejin.im/post/59ad2585f265da246a20e026
[JS _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000004482388
[JavaScript _ _ 6]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/yugege/p/5277883.html
[JavaScript _ _ CSDN]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/yangjvn/article/details/48284163
[JavaScript_ _]: https://link.zhihu.com/?target=https%3A//www.jianshu.com/p/777a89b4ed9a
[JavaScript _8 _ _ cythilya]: https://link.zhihu.com/?target=https%3A//ithelp.ithome.com.tw/articles/10201512
[Link 1]: https://link.zhihu.com/?target=http%3A//book.51cto.com/art/201505/475153.htm
[Nominal _ Structural Typing _ flow]: https://link.zhihu.com/?target=https%3A//flow.org/en/docs/lang/nominal-structural/
[What exactly is Type Coercion in Javascript_ _ stackoverflow]: https://link.zhihu.com/?target=https%3A//stackoverflow.com/questions/19915688/what-exactly-is-type-coercion-in-javascript
[You Don_t Know JS_ Types _ Grammar _ github]: https://link.zhihu.com/?target=https%3A//github.com/getify/You-Dont-Know-JS/blob/master/types%2520%26%2520grammar/ch4.md
[javascript _ _ 1]: https://link.zhihu.com/?target=https%3A//www.imooc.com/video/5675
[Javascript _-_ _]: https://link.zhihu.com/?target=http%3A//www.le.com/ptv/vplay/27767009.html
[JavaScript _ _ MDN]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Equality_comparisons_and_sameness
[js _ _ _ _ _ _]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/584918612f301e005716add6
[vs _ in Javascript _ CSDN]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/w97531/article/details/82255225
[javascript _ typeof _ instanceof _ CSDN]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/mevicky/article/details/50353881
[JavaScript _ typeof _ _ justjavac]: https://link.zhihu.com/?target=http%3A//justjavac.com/javascript/2012/12/23/what-is-javascripts-typeof-operator-used-for.html
[Function _ Object _ instanceof _ _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/58358606570c35005e4142bd
[instanceof _ typeof _ _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5b0b9b9051882515773ae714
[js _ typeof _ instanceof _ _]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/double405/p/5326311.html
[Javascript _ this _ _]: https://link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/2010/04/using_this_keyword_in_javascript.html
[JS _ this _ _]: https://link.zhihu.com/?target=https%3A//www.jianshu.com/p/6b4333e78bf5
[this_ _ _ JavaScript _ this_call_apply _ bind _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5b9f176b6fb9a05d3827d03f
[this_apply_call_bind _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/59bfe84351882531b730bac2
[call_apply _ bind _ js _ this_ this _ _]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/tingyu-blog/p/6212392.html
[call_apply _ bind _ _ github]: https://link.zhihu.com/?target=https%3A//github.com/Abiel1024/blog/issues/16
[JS _ this_apply_call_bind_ _]: https://link.zhihu.com/?target=https%3A//www.jb51.net/article/124024.htm
[JavaScript _ this _ _]: https://link.zhihu.com/?target=https%3A//www.iqiyi.com/w_19rr1augsd.html
[JS _ this _ _ 1]: https://link.zhihu.com/?target=http%3A//baidu.iqiyi.com/watch/845335533383874688.html%3Fpage%3DvideoMultiNeed
[js _ 12._ this _]: https://link.zhihu.com/?target=http%3A//www.le.com/ptv/vplay/27478413.html%3Fch%3Dbaidu_s
[1.3.10-this _ this _ _]: https://link.zhihu.com/?target=http%3A//www.le.com/ptv/vplay/24835911.html%3Fch%3Dbaidu_s
[JavaScript _ this _ _ 1]: https://link.zhihu.com/?target=https%3A//study.163.com/course/introduction/590005.htm
[Link 2]: https://link.zhihu.com/?target=https%3A//www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014344993159773a464f34e1724700a6d5dd9e235ceb7c000
[Javascript _Closure_ _]: https://link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/2009/08/learning_javascript_closures.html
[JavaScript _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000006671020
[JavaScript _ _ 7]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/58e70077b123db15eb88dc7e
[_ _ _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5afb0ae56fb9a07aa2138425
[What is lexical scope_ _ stackoverflow]: https://link.zhihu.com/?target=https%3A//stackoverflow.com/questions/1047454/what-is-lexical-scope
[You Don_t Know JS_ Scope _ Closures _ Kyle Simpson]: https://link.zhihu.com/?target=https%3A//github.com/fishenal/You-Dont-Know-JS/blob/master/scope%2520%26%2520closures/ch2.md
[_ MDN 1]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Closures
[ECMAScript _closure_ w3school]: https://link.zhihu.com/?target=http%3A//www.w3school.com.cn/js/pro_js_functions_closures.asp
[Link 3]: https://link.zhihu.com/?target=https%3A//www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/00143449934543461c9d5dfeeb848f5b72bd012e1113d15000
[JavaScript _ _ 8]: https://link.zhihu.com/?target=https%3A//www.jianshu.com/p/796e903754f1
[JavaScript _ _ SegmentFault 1]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000006875662
[js _ _ 1]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/5800eb7da22b9d005b36156e
[JavaScript _ _ 9]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/59df405251882551bf7e58c6%23comment
[JavaScript _ _ 10]: https://link.zhihu.com/?target=http%3A//www.iqiyi.com/w_19rr1amael.html
[js _ 11._ _]: https://link.zhihu.com/?target=http%3A//www.le.com/ptv/vplay/27478410.html
[Link 4]: https://link.zhihu.com/?target=http%3A//www.le.com/ptv/vplay/30505852.html
[Link 5]: https://link.zhihu.com/?target=https%3A//www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434499355829ead974e550644e2ebd9fd8bb1b0dd721000
[ES5 _ Array _ _]: https://link.zhihu.com/?target=https%3A//www.zhangxinxu.com/wordpress/2013/04/es5%25e6%2596%25b0%25e5%25a2%259e%25e6%2595%25b0%25e7%25bb%2584%25e6%2596%25b9%25e6%25b3%2595/
[JavaScript _forEach_map_filter_reduce_every_some _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5835808067f3560065ed4ab2
[Transducing_JavaScript _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012127329
[JavaScript _ _ _BuptStEve]: https://link.zhihu.com/?target=https%3A//github.com/BuptStEve/blog/issues/15
[js _ _ 2]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/xianshenglu/p/8386918.html
[JS _ _ SegmentFault 1]: https://link.zhihu.com/?target=https%3A//segmentfault.com/q/1010000004102804
[JavaScript _expression_statement_ _ CSDN]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/mett_smith/article/details/78761247
[Axel _ Javascript _ Expression vs Statement _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000004565693
[Expressions versus statements in JavaScript _ Dr. Axel]: https://link.zhihu.com/?target=http%3A//2ality.com/2012/09/expressions-vs-statements.html
[JavaScript _ _ 11]: https://link.zhihu.com/?target=http%3A//www.runoob.com/js/js-hoisting.html
[ES6 _ _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/59905bea6fb9a03c34192c51
[JavaScript Scoping and Hoisting _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000004345355%23articleHeader5
[JavaScript Scoping and Hoisting _ Ben Cherry]: https://link.zhihu.com/?target=http%3A//www.adequatelygood.com/JavaScript-Scoping-and-Hoisting.html
[promises _ MDN]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Using_promises
[Promise _ MDN]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Promise
[Promie _]: https://link.zhihu.com/?target=https%3A//www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014345008539155e93fc16046d4bb7854943814c4f9dc2000
[JavaScript Promise_ _]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/rubylouvre/p/3495286.html
[JavaScript Promise_ _ Web Fundamentals]: https://link.zhihu.com/?target=https%3A//developers.google.com/web/fundamentals/primers/promises%23_1
[1 _10 _ JavaScript _ Async_Await_ _ justjavac]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000011813934
[JavaScript Promise]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/56499ae160b2d1404c4f8834
[JavaScript _ Promise_ Js _ _]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/yunfeifei/p/4453690.html
[Promise _ _]: https://link.zhihu.com/?target=https%3A//www.imooc.com/learn/949
[Javascript _ _]: https://link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/2012/10/javascript_module.html
[javascript _-_ _]: https://link.zhihu.com/?target=https%3A//www.jianshu.com/p/4dbf4a4c8ebb
[Javascript _ _ 1]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/57fee360a22b9d005b1d9ae3
[_ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000006966358
[Js _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000015991869%23articleHeader8
[js _ _ SegmentFault 1]: https://link.zhihu.com/?target=https%3A//segmentfault.com/q/1010000003942347
[JavaScript _ _ 12]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5948c0d8fe88c2006a939e2a
[JavaScript _ _ 13]: https://link.zhihu.com/?target=https%3A//juejin.im/post/59c1d91d6fb9a00a53275f79
[JavaScript _ _ 14]: https://link.zhihu.com/?target=https%3A//juejin.im/post/59c87fb46fb9a00a437b1a2e
[Link 6]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5acdd7486fb9a028ca53547c
[js _ _ CSDN]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/qianqianstd/article/details/75807462
[_ CSDN]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/x_i_xw/article/details/72026868
[JavaScript _ _ 15]: https://link.zhihu.com/?target=https%3A//juejin.im/post/57dcd394a22b9d00610c5ec8
[JavaScript _ _ 16]: https://link.zhihu.com/?target=https%3A//juejin.im/post/594dfe795188250d725a220a%23comment
[JS _ _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/58c9d5fb1b69e6006b686bce
[JS _ _ 1]: https://link.zhihu.com/?target=https%3A//www.jianshu.com/p/1b4068ccd505
[JS _ _ SegmentFault 2]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000008593715
[Link 7]: https://link.zhihu.com/?target=https%3A//www.jackpu.com/qian-duan-mian-shi-zhong-de-chang-jian-de-suan-fa-wen-ti/
[Javascript _ _ 2]: https://link.zhihu.com/?target=https%3A//www.imooc.com/learn/888
[js _ _ 3]: https://link.zhihu.com/?target=https%3A//www.jianshu.com/p/5e0e8d183102
[JavaScript _ _ 17]: https://link.zhihu.com/?target=https%3A//www.jianshu.com/nb/16835496
[JS _-JavaScript _ _]: https://link.zhihu.com/?target=http%3A//blog.sina.com.cn/s/blog_7b9c5e4101017mjt.html
[js _ _ 4]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/586effe0da2f600053d85a9a
[JavaScript _-_ _]: https://link.zhihu.com/?target=http%3A//www.le.com/ptv/vplay/27606964.html
[_ MDN 2]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/EventLoop
[JavaScript _ Event Loop _]: https://link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/2014/10/event-loop.html
[JavaScript _ _ 18]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/dong-xu/p/7000163.html
[Javascript _ _ 3]: https://zhuanlan.zhihu.com/p/26229293
[JS _event loop_ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000014940904%23articleHeader7
[JavaScript_ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000004322358
[JS _JS _ _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5a6547d0f265da3e283a1df7
[Window setTimeout_ _ _]: https://link.zhihu.com/?target=http%3A//www.runoob.com/jsref/met-win-settimeout.html
[Window setInterval_ _ _]: https://link.zhihu.com/?target=http%3A//www.runoob.com/jsref/met-win-setinterval.html
[setTimeout _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5aa4c47af265da239866e236
[Javascript_ setTimeout _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5a77f8ce5188257a6d635d76
[setTimeout _ 1]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/5861ebf01b69e6006ce61d38
[setTimeout_ _ setInterval_ _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/q/1010000005989491
[window.requestAnimationFrame _ MDN]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/API/Window/requestAnimationFrame
[requestAnimationFrame _ _]: https://link.zhihu.com/?target=http%3A//www.cnblogs.com/onepixel/p/7078617.html
[CSS3 _requestAnimationFrame _ _]: https://link.zhihu.com/?target=https%3A//www.zhangxinxu.com/wordpress/2013/09/css3-animation-requestanimationframe-tween-%25e5%258a%25a8%25e7%2594%25bb%25e7%25ae%2597%25e6%25b3%2595/
[JavaScript _setInterval_setTimeout _ requestAnimationFrame _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000014661035
[setInterval _ requestAnimationFrame _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000000386368
[requestAnimationFrame _ setInterval _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/q/1010000013909430
[setTimeout _ setInterval _]: https://link.zhihu.com/?target=http%3A//v.youku.com/v_show/id_XNTA4OTQ0NzA0.html
[JS _ _ 2]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/Leo_wl/p/5734794.html
[Javascript _ _ 4]: https://link.zhihu.com/?target=https%3A//www.jianshu.com/p/5cb692658704
[js_ _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/59396c96fe88c2006afc2707
[JavaScript _ _ 19]: https://zhuanlan.zhihu.com/p/34693209
[_ github]: https://link.zhihu.com/?target=https%3A//github.com/TooBug/javascript.patterns/blob/master/chapter6.markdown
[JavaScript_ _ 1]: https://link.zhihu.com/?target=http%3A//www.cnblogs.com/TomXu/archive/2012/04/24/2438050.html
[JavaScript_ _ 2]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/TomXu/archive/2012/04/23/2438005.html
[_ MDN 3]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/Bitwise_Operators
[_ MDN 4]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Typed_arrays
[_ MDN 5]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/ArrayBuffer
[JavaScript ArrayBuffer _ _]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/gradolabs/p/4762134.html
[DOM _ _ MDN]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/How_to_create_a_DOM_tree
[HTML DOM _ _ W3school]: https://link.zhihu.com/?target=http%3A//www.w3school.com.cn/htmldom/dom_nodes.asp
[DOM _ _]: https://link.zhihu.com/?target=http%3A//javascript.ruanyifeng.com/dom/node.html
[JavaScript _ DOM_]: https://link.zhihu.com/?target=https%3A//juejin.im/post/583cbbfa61ff4b006ccc41fe
[JavaScript _ DOM_ 1]: https://link.zhihu.com/?target=https%3A//juejin.im/post/583cbc4961ff4b006ccc44fb
[DOM _ _ 1]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/58314efd8ac2470061bb30fd
[DOM _]: https://link.zhihu.com/?target=https%3A//www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434500494451273e6b3dec9d411d9ba841dee8caec45000
[CSS _ JS _ DOM _ _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/59c60691518825396f4f71a1
[DOM _ _ 2]: https://link.zhihu.com/?target=https%3A//www.imooc.com/learn/488
[DOM _ _ 3]: https://link.zhihu.com/?target=https%3A//www.imooc.com/learn/138
[jQuery _DOM _ _]: https://link.zhihu.com/?target=https%3A//www.imooc.com/learn/530
[JS _ DOM _ _]: https://link.zhihu.com/?target=http%3A//www.iqiyi.com/w_19rr19s08l.html
[new _ _]: https://link.zhihu.com/?target=http%3A//javascript.ruanyifeng.com/oop/basic.html
[Javascript _ _ 5]: https://link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/2010/05/object-oriented_javascript_inheritance.html
[_ CSDN 1]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/SpicyBoiledFish/article/details/71123162
[JavaScript _ new _ _ PHP]: https://link.zhihu.com/?target=http%3A//www.php.cn/js-tutorial-376246.html
[_ CSDN 2]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/yin_991/article/details/80954453
[JS_instanceof _ _ CSDN]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/cecilia620/article/details/71158048
[Link 8]: https://link.zhihu.com/?target=https%3A//www.jianshu.com/p/15ac7393bc1f
[js _ new _ this _ _]: https://link.zhihu.com/?target=https%3A//www.jianshu.com/p/60ffc4831bff
[JavaScript _ _ justjavac]: https://link.zhihu.com/?target=http%3A//justjavac.com/javascript/2012/12/22/javascript-values-not-everything-is-an-object.html
[JavaScript instanceof _ _ IBM]: https://link.zhihu.com/?target=https%3A//www.ibm.com/developerworks/cn/web/1306_jiangjj_jsinstanceof/
[Link 9]: https://link.zhihu.com/?target=http%3A//www.le.com/ptv/vplay/27766889.html
[_ MDN 6]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Inheritance_and_the_prototype_chain
[_ github 1]: https://link.zhihu.com/?target=https%3A//github.com/bigdots/blog/issues/1
[_ github_1269 Star]: https://link.zhihu.com/?target=https%3A//github.com/stone0090/javascript-lessons/tree/master/2.5-Prototype
[javascript _ _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000004282206
[JavaScript_ _ justjavac]: https://link.zhihu.com/?target=http%3A//justjavac.com/2015/12/09/inheritance-and-the-prototype-chain.html
[JavaScript _ _ 20]: https://link.zhihu.com/?target=http%3A//www.cnblogs.com/shuiyi/p/5305435.html
[JavaScript _ _ CSDN 1]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/the__apollo/article/details/76774698
[JS _ 18 _ _ CSDN]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/xiaotao_css/article/details/72782416
[Link 10]: https://link.zhihu.com/?target=https%3A//www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/0014344997013405abfb7f0e1904a04ba6898a384b1e925000
[JS _ _ 3]: https://link.zhihu.com/?target=https%3A//juejin.im/post/58f94c9bb123db411953691b
[JavaScript _ _ 21]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/5885db221b69e600592253e7
[JS _-07-_ _]: https://link.zhihu.com/?target=http%3A//www.le.com/ptv/vplay/27552753.html
[JS _ _ 4]: https://link.zhihu.com/?target=https%3A//v.qq.com/x/page/b0511nwa7d3.html
[Object.create _ MDN]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/create
[Object.assign _ MDN]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/assign
[Object.create vs Object.assign _]: https://link.zhihu.com/?target=https%3A//www.imooc.com/article/17591
[JS _ Object.assign_Object.create_Object.defineProperty_ _ CSDN]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/DeepLies/article/details/52915143
[es6 _ object.create_ object.assign_ _]: https://link.zhihu.com/?target=http%3A//www.onlyfordream.cn/2018/03/19/es6%25E4%25B8%25ADobject-create%25E5%2592%258Cobject-assign/
[Object-Assign-Deep _ github]: https://link.zhihu.com/?target=https%3A//github.com/saikojosh/Object-Assign-Deep
[_ MDN 7]: https://link.zhihu.com/?target=https%3A//developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Classes
[Link 11]: https://link.zhihu.com/?target=https%3A//www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/00138682004077376d2d7f8cc8a4e2c9982f92788588322000
[Javascript _class_ _]: https://link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/2012/07/three_ways_to_define_a_javascript_class.html
[ES6 _ _ 1]: https://link.zhihu.com/?target=https%3A//juejin.im/post/59c8c8756fb9a00a681ae5bd
[JavaScript _ _ 22]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/587992c961ff4b0065edf1ff
[Link 12]: https://link.zhihu.com/?target=http%3A//javascript.ruanyifeng.com/library/designpattern.html
[JavaScript _ _ 23]: https://link.zhihu.com/?target=https%3A//juejin.im/post/59df4f74f265da430f311909
[JavaScript _ _ 24]: https://link.zhihu.com/?target=http%3A//wiki.jikexueyuan.com/project/javascript-design-patterns/
[JS _ _ SegmentFault 3]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010914032
[JavaScript Patterns _ _ github]: https://link.zhihu.com/?target=https%3A//github.com/lxj/javascript.patterns
[HTML5 _ 2-11JS]: https://link.zhihu.com/?target=https%3A//tv.sohu.com/v/dXMvMjQwNzYwNzQ4Lzg5NzM2MDA3LnNodG1s.html
[JavaScript Memoization _]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/rubylouvre/archive/2009/08/06/1540678.html
[memoization _ _]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/yingshuizy/p/4517102.html
[JavaScript _ _ 51CTO]: https://link.zhihu.com/?target=http%3A//developer.51cto.com/art/201010/231513.htm
[JavaScript _ Memoization _ SegmentFaut]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000016703106
[Pure Function_ _ React.js]: https://link.zhihu.com/?target=http%3A//huziketang.mangojuice.top/books/react/lesson32
[JavaScript Functional Programming_ _]: https://link.zhihu.com/?target=https%3A//ninghao.net/blog/4634
[js _ _ 5]: https://link.zhihu.com/?target=https%3A//www.jb51.net/article/28079.htm
[JavaScript _ _ 25]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5b82bdb351882542e241ed32%3Futm_medium%3Dhao.caibaojian.com%26utm_source%3Dhao.caibaojian.com
[JavaScript _ state _ _]: https://link.zhihu.com/?target=http%3A//www.cnblogs.com/zhangycun/p/9403335.html
[JavaScript _ _ _BuptStEve 1]: https://link.zhihu.com/?target=https%3A//github.com/BuptStEve/blog/issues/10
[O_log n_ _ _]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/593f56528d6d810058a355f4
[Link 13]: https://link.zhihu.com/?target=https%3A//juejin.im/entry/5a49f7d36fb9a0450a67b269
[Link 14]: https://link.zhihu.com/?target=https%3A//juejin.im/post/58d15f1044d90400691834d4
[Big O Search Algorithms in JavaScript _ Bradley Braithwaite]: https://link.zhihu.com/?target=http%3A//www.bradoncode.com/blog/2012/04/big-o-algorithm-examples-in-javascript.html
[Time Complexity Analysis in JavaScript _ Jennifer Bland]: https://link.zhihu.com/?target=https%3A//www.jenniferbland.com/time-complexity-analysis-in-javascript/
[javascript _ _ 2]: https://link.zhihu.com/?target=https%3A//baike.baidu.com/item/javascript%25E5%25BC%2595%25E6%2593%258E/5356108
[V8_JavaScript _ _]: https://link.zhihu.com/?target=https%3A//baike.baidu.com/item/V8/6178125
[JavaScript _ Event Loop _ 1]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5a6309f76fb9a01cab2858b1
[V8 JavaScript _ ES2015_ _ justjavac]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010819020
[10 _ JS _ _ SegmentFaut]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000012806637
[V8 javascript _ _]: https://link.zhihu.com/?target=https%3A//www.cnblogs.com/weirdoQi/p/6609811.html
[Link 15]: https://link.zhihu.com/?target=http%3A//www.cnblogs.com/gaizai/p/4233780.html
[JavaScript _ _ 26]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5b93dadaf265da0a857a58a3
[Link 16]: https://link.zhihu.com/?target=http%3A//baishi.baidu.com/watch/7873060963471478456.html
[Javascript _ _ CSDN]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/qq_42129063/article/details/81874314
[JavaScript _ _ SegmentFault 2]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000010686144
[_ SegmentFault 1]: https://link.zhihu.com/?target=https%3A//segmentfault.com/q/1010000008626058
[Javascript _ _ CSDN 1]: https://link.zhihu.com/?target=https%3A//blog.csdn.net/neweastsun/article/details/75947785
[curry_ _ JS]: https://link.zhihu.com/?target=https%3A//llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch4.html
[compose_ _ JS]: https://link.zhihu.com/?target=https%3A//llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch5.html
[javascript _ compose _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000008394749
[compose _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000011447164
[JavaScript _ compose _ pipe _ _ SegmentFault]: https://link.zhihu.com/?target=https%3A//segmentfault.com/a/1190000015102804
[JavaScript _-_ 4 _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/59a62f3d6fb9a0248363fd9d%23comment
[JavaScript _ _ _BuptStEve 2]: https://link.zhihu.com/?target=https%3A//github.com/BuptStEve/blog/issues/11
[JavaScript _ _ 27]: https://link.zhihu.com/?target=https%3A//www.zcfy.cc/article/clean-code-javascript-readme-md-at-master-ryanmcdermott-clean-code-javascript-github-2273.html
[Javascript _ _ 6]: https://link.zhihu.com/?target=http%3A//www.ruanyifeng.com/blog/2012/04/javascript_programming_style.html
[- _ _]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5a5b2a5c6fb9a01cbc6e59f9
[ES6 _ _ 2]: https://link.zhihu.com/?target=https%3A//juejin.im/post/5a7d71836fb9a063435ecf51
[Web _11 _ _]: https://link.zhihu.com/?target=http%3A//blog.jobbole.com/23617/