• 技术文章 >web前端 >前端问答

    es6和es5可以混合使用吗

    WBOYWBOY2022-08-18 16:34:50原创226

    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方法

    【相关推荐:javascript视频教程web前端

    以上就是es6和es5可以混合使用吗的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:ES6
    上一篇:es6获取顶层对象的方式有哪些 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• es6中有继承吗• javascript与es6的区别是什么• 实例代码之ES6箭头函数实践• ES6数组新增方法知识点总结• 一文掌握ES6解构赋值的原理及运用
    1/1

    PHP中文网