1  symbol可以消除魔法字符串；避免对象key被覆盖；class中定义私有方法。

2  for of实现如下。

function forOf(obj, cb) {let iterable, result;if (typeof obj[Symbol.iterator] !== "function")throw new TypeError(result + " is not iterable");if (typeof cb !== "function") throw new TypeError("cb must be callable");iterable = obj[Symbol.iterator]();result = iterable.next();while (!result.done) {cb(result.value);result = iterable.next();}
}

3  组件设计原则：props尽量少；state尽量往上提；按照数据划分组件。

4  es6中set和类数组都是可迭代的。

5  高阶组件是一个函数（而不是组件）。

6  代码复用的方法、形式有很多种，你可以用类继承来做到代码复用，也可以分离模块的方式。高阶组件也是一种复用代码方法，其实就是设计模式里面的装饰者模式。

7  引用问题。

8  try catch无法捕获异步回调的错误。

9  回调函数会导致堆栈信息被端口；封装的内部错误需要返回回来；因为使用外层变量导致代码难以复用。

10  componentDidmount和componentDidupdate经常需要做同样的事，会让代码繁琐。

11  组件写成无状态组件的形式，因为它们更方便复用，可独立测试。然而很多时候，我们用function写了一个简洁完美的无状态组件，后来因为需求变动这个组件必须得有自己的state，我们又得很麻烦的把function改成class。在这样的背景下，Hooks便横空出世了！

12  数组的reduce和redux的reducer原理类似。

13  通过将reconciliation过程，分解成小的工作单元的方式，可以让页面对于浏览器事件的响应更加及时。但是另外一个问题还是没有解决，就是如果当前在处理的react渲染耗时较长，仍然会阻塞后面的react渲染。这就是为什么fiber reconciler增加了优先级策略。

14  除了使用next.js/nuxt.js实现服务端渲染，也可以使用node来实现。

15  promise链一般得加catch，不然内部错误不会报出来，被它吃掉，类似于try catch。

16  不覆盖发布可以解决大部分前后端上线时间差问题。

17  async 函数是 Generator 函数的语法糖。

18  递归导致栈溢出，可以使用循环、尾递归、事件驱动三种方法解决。