码迷,mamicode.com
首页 > 其他好文 > 详细

关于es6的兼容性问题

时间:2018-10-08 10:19:38      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:strong   新特性   bsp   用户   识别   info   src   技术   兼容   

为什么ES6会有兼容性问题?

由于广大用户使用的浏览器版本在发布的时候也许早于ES6的定稿和发布,而到了今天,我们在编程中如果使用了ES6的新特性,浏览器若没有更新版本,或者新版本中没有对ES6的特性进行兼容,那么浏览器肯定无法识别我们的ES6代码,好比浏览器根本看不懂我写的let和const是什么东西?只能报错了。这就是浏览器对ES6的兼容性问题。

 

如何解决浏览器的兼容问题

<script>
    var arr = ‘我是数组‘.split(‘‘);
    var [a,b,c] = arr;
    console.log(a,b,c);
</script>

首先以IE举例,在没有使用工具进行转换的时候在IE浏览器中会报错

技术分享图片

也就是es6的语法错误。

通过测试找到了一个工具能将es6转为es5语法,从而实现兼容

1.引入<script src="https://cdn.bootcss.com/babel-standalone/6.26.0/babel.min.js"></script>

2.在包裹es6语法的script标签上加上

<script type="text/babel"></script>

这样的话,在IE上就能执行了,效果如下:

技术分享图片

 


 

关于es6的兼容性问题

标签:strong   新特性   bsp   用户   识别   info   src   技术   兼容   

原文地址:https://www.cnblogs.com/qiuchuanji/p/9752722.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!