es6和es5可不可以混合使用

这篇“es6和es5可不可以混合使用”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“es6和es5可不可以混合使用”文章吧。

es6和es5可以混合使用；ECMAScript的升级都是尽可能的兼容以前所有版本的，也即es6包含了所有以前版本的语法，并且尽量保持了不变的意义，es6只是在原来的基础上使用以前版本的保留字实现了一些新的语法，因此es6和es5可以混合使用。

本教程操作环境：windows10系统、ECMAScript 6.0&&ECMAScript 5.0版本、Dell G3电脑。

es6和es5可以混合使用

几乎所有给平民用的软件或是协议的升级都是尽可能的兼容以前所有版本的。

即 ES6 包含了所有以前版本的语法，并且尽量保持了不变的的意义。也是说ES6只是在原来的基础上使用以前版本的保留字实现了一些新的语法，原有的东西意义不变。

es6和es5的区别

系统库的引入

Es5：需要先使用require导入React包，成为对象，再去进行真正引用；

Es6：可以使用import方法来直接实现系统库引用，不需要额外制作一个类库对象

导出及引用单个类

Es5：要导出一个类给别的模块用，一般通过module.exports来实现。引用时，则依然通过                          require方法来获取；

Es6：可以使用用export default来实现相同的功能，使用import方法来实现导入

注意:ES5和ES6的导入导出方法是成对出现的，不可以混用。

定义组件

Es5：组件类的定义通过React.createClass实现；

Es6：让组件类去继承React.Component类就可以了。

注意;ES5中React.createClass后面是需要小括号的，且结尾必须有分号

这里结尾时不会出现小括号，也不需要添加分号。

组件内部定义方法

Es5：采用的是 ###:function()的形式，方法大括号末尾需要添加逗号；

Es6：省略了【: function】这一段，并且结尾不需要加逗号来实现分隔。

注意:使用ES6定义的规则的话，外层必须用【class #### extend React.Component】的                  方式来申明这个类，否则会报错。

定义组件的属性类型和默认属性

Es5：属性类型和默认属性分别通过propTypes成员和getDefaultProps方法来实现(这两个方法应               该是固定名称的)；

Es6：统一使用static成员来实现。

初始化STATE

Es5：初始化state的方法是固定的getInitialState；

Es6：第一种，直接构造state函数；第二种，相当于OC中的方法重写，重写constructor方法

以上就是关于“es6和es5可不可以混合使用”这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注亿速云行业资讯频道。