在前面的文章，我们说到使用ES6 extends React.Component 这种方式创建的组件，其中的的事件函数句柄不会自动绑定当前实例的 this，我们需要手动绑定 this。

而绑定this的方法主要有两种方法，每种方法又有两种表现形式：

JSX 最简单的语法的可能是这样的：

const greetWord = <span>HI</span>;

可以看到，它既然不是字符串，也不是变量。而是一个不带双引号的、HTML标签与文本内容混合在一起的格式。

要想在页面显示上面的内容，我们必须把它放入一个组件中。首先，定义一个组件，再利用 {} 符号，把上面的 jsx 内容插入组件中：

为了方便管理和维护一些复杂的项目，开发者往往会将整个大型项目细分为很多不同的功能模块。这样，模块之间便没有那么强的耦合度，如果某个模块出错，也能快速定位和单元测试。并且，正是由于模块之间的弱关联性，团队内便可以多人同时开发一个项目，而且我们可以把单个模块抽离出来，应用到其他项目中。

随着JavaScript的不断发展，开发者对于这门语言的开发越来越深入。为此，ES6 引入了 proxy 和 reflect API，给开发者对于JavaScript的底层操作，提供了更多的选择和可能。

通过这两个API，我们可以拦截JavaScript方法中的一些默认行为，从而在这些默认行为的基础上进行相关操作以及调整（比如，属性查找，赋值，枚举，函数调用等等）。这样，就相当于在语言层面上重新定义了相关方法。

我们都知道，javascript 是一种单线程编程语言，这意味着它在同一个时间，只能一次运行一段代码。当需要完成多个工作任务时，那么 javascript 引擎会将这些任务逐个排序，只有当完成前一个任务项时，才能继续执行下一个任务项，依次进行下去，直到最后一个任务。

javascript 的这种执行模式也被称为 同步模式（sync）。这种模式的特点是运行时间长、容易出现阻塞程序卡死、后续任务必须等待。