大多数面向对象编程语言都支持类和类继承的特性，而JavaScript只能通过各种特定方式模仿并关联多个相似的对象。这个情况一直持续到ES5。由于类似的库层出不穷，最终ES6引入了类特性，统一了类和类继承的标准。

这段代码中的createPerson()函数创建的对象，其属性名与函数的参数相同，在返回的结果中，name和age分别重复了两遍，只是其中一个是对象属性名，另一个是为属性赋值的变量。

长久以来，数组一直是JavaScript中唯一的集合类型。如果开发者们需要使用非数值型索引，就会用非数组对象创建所需的数据结构，而这就是Set集合与Map集合的早期实现。

对于函数的命名参数，如果不显式传值，则其默认值为undefined。因此经常是使用逻辑或操作符来为缺失的参数提供默认值。然而这个方式有缺陷，如果给第二个形参timeout传入值0，尽管这个值是合法的，也会被视为false值，对函数调用方来说，timeout非预期的被修改为2000。

在编码过程中，我们经常定义许多对象和数组，然后有组织地从中提取相关的信息片段。ES6的解构特性，可以简化这项工作。解构是一种打破数据结构，将其拆分为更小部分的过程。

如果你不熟悉JavaScript，可能会认为只有当condition的值为true时才会创建变量value。事实上，在预编译阶段，JavaScript引擎会将上面的函数修改成下面这样：

在ES6之前，这种标准的for循环，通过变量来跟踪数组的索引。如果多个循环嵌套就需要追踪多个变量，代码复杂度会大大增加，也容易产生错用循环变量的bug。

实际项目，动辄上千个模块，打包花1分钟以上是很常见的。我们构建的时候，往往希望自己的代码和第三方库（vendors）可以分开打包，因为不涉及到升级第三方库时，就没必要每次浪费打包时间在这上面。

React系列---Webpack环境搭建（一）手动搭建React系列---Webpack环境搭建（二）不同环境不同配置React系列---Webpack环境搭建（三）打包性能优化 实际项目中，往往不同环境有不同的构建需求。比如开发、测试和生产环境对应的后端接口地址不同，生产环境需要进行代码混淆、压缩等。 因此，往往还需要将webpack配置分成多...

React严格定义了组件的生命周期，共3个过程：1) 装载过程（Mount）：组件第一次在DOM树中渲染的过程；2) 更新过程（Update）：组件被重新渲染的过程；3) 卸载过程（Unmount）：组件从DOM树中删除的过程。

组件是React的基石，所有的React应用程序都是基于组件的。基于组件的应用开发是广泛使用的软件开发模式，用分而治之的方法，把一个大的应用分解成若干小的组件，每个组件只关注某个特定功能，但是把组件组合起来，就能构成一个功能庞大的应用。

ESLint是一个JavaScript代码静态检查工具，可以检查JavaScript的语法错误，提示潜在的bug，可以有效提高代码质量。维持前端团队高度一致的编码风格。ESLint不但提供一些默认的规则，也提供用户自定义规则来约束所写的JavaScript代码。

React是Facebook推出的一个JavaScript库，它的口号就是“用来创建用户界面的JavaScript库”，所以它只是和用户界面打交道，可以把它看成MVC中的V（视图）层。