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

    ie6能不能兼容es6

    青灯夜游青灯夜游2023-01-16 17:59:36原创81

    ie6不能兼容es6。IE6不支持识别ES6语法,会报错。解决方法:1、引入babel-browser.min.js文件,这样就可以使用ES2015进行编码;2、引入browser-polyfill.js文件,可解决箭头函数或者promise或者async、awite不兼容问题;3、在script标签上加上“type="text/babel"”属性。

    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

    IE6不支持ES6语法,所以使用IE的时候,不识别ES6的语法,然后就报错。

    支持ES6的浏览器版本(汇总表)

    浏览器不支持的版本部分支持的版本支持的版本
    IE6-1011
    Edge
    12-1415-18、79-87
    Firefox2-56-5354-86
    Chrome4-2021-5051-90
    Safari3.1-77.1-9.110-13.1、14、TP
    Opera10-12.115-3738-72
    iOS Safari3.2-6.17-9.310-13.7、14.2
    Opera Miniall

    Android Browser2.1-4.34.4-4.4.481
    Opera Mobile12-12.1
    59
    Chrome for Android

    87
    Firefox for Android

    83
    UC Browser for Android

    12.12
    Samsung Internet
    45-13.0
    QQ Browser

    10.4
    Baidu Browser
    7.12
    KaiOS Browser
    2.5

    IE 不支持ES6的解决办法

    我们都知道使用Babel处理IE不兼容问题,可是Babel需要配合webpack使用,配置一堆东西,这个比较简单,网上一堆教程。

    可是不使用npm的项目,只是单纯的html文件里面,怎么处理在IE浏览器打开报错问题呢?

    解决方案

    1.引入babel-browser.min.js

    要解决这个我们要先引入babel-browser.min.js,这样你可以使用ES2015进行编码

    2.引入browser-polyfill.js

    解决箭头函数或者promise或者async、awite不兼容问题

    3.引入之后在你的js文件加上type="text/babel",加上之后你会发现这个时候可以支持ES6的语法了。

    <script  type="text/babel">
    省略js代码
    </script>

    这样就解决了IE不识别ES6的问题。

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

    以上就是ie6能不能兼容es6的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:ES6
    上一篇:es6怎么判断是否在数组里 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • es6中let怎么用• es6模块是什么原理• es6有哪些语法糖• es6怎么删除数组中的某一项• es5和es6怎么实现数组去重• es6怎么判断字符串中是否有某个字符串
    1/1

    PHP中文网