数组中的reduce犹如一只魔法棒，通过它可以做一些黑科技一样的事情。本文从api讲解到一般用法再到高级用法，由浅入深的讲一讲数组中的reduce。MDN链接

这里我想简单来说，Proxy是对象的代理器，很好理解，我们有一个很重要的对象，我们不希望别人随便获取修改该对象，我们要保护该对象，用另外一个对象代理它，对真正要操作的对象是一种数据保护和过滤。

当前，大多数解决JavaScript中类型安全不足的解决方案都是基于静态类型检查和类型推断。TypeScript 和Flow通过添加静态类型注释来拓展JavaScript，并且可以在编译时验证您的代码，并使用相同的抽象语法树来输出最终的JS代码。由于IDE可以依靠静态分析来提供自动完成和开发辅助，因此，这对于改善开发人员的体验非常有效...

普通函数中this的绑定是很复杂多变的，ES6箭头函数=>以特定的方式改变this的行为特性，解决this相关编码的一个特殊又常见的痛点。

let 和const命令是ES6新增的，让我们来看看它们是怎么回事吧～ 在有 let 和const之前，我们使用 var 来声明变量，var声明变量会有变量提升的特性， {代码...} 用var声明a,a变量会被提升到在当前作用域的最前面声明，其实执行的代码是这样的： {代码...} 为了约束变量提升，出现了块级作用域，块级作用域搭配let和const就...

模板字符串 模板字符串的几个特性： 可以嵌入变量，或者表达式 会保留多个空格、换行、缩进 {代码...} 标签模板 模板字符串还可以跟在一个函数后面，该函数将被调用来处理这个模板字符串。这被称为"标签模板"功能。 {代码...} 如果模板字符串中含有变量，标签模板会进行特殊处理，它会根据嵌入的变量，把模板字符串拆开...

大家都知道ES6中的Map是新增的一种数据结构。它类似对象，但是对象的键只能是字符串，Map的键不限定是字符串，Map的键可以是一个对象，可以是布尔值等。Map提供"值-值"的对应关系，是一种Hash结构，但实际上ES6又比传统Hash多了一些特性。

我要渲染的内容是一段段的html，用react渲染一段html内容是没有什么难度，使用dangerouslySetInnerHTML 即可。但是可以做到将内容中的英文单词翻译出来，是怎么实现的呢？一起来看一下吧。