关于es6的兼容性问题

Posted 2021-01-11 qiuchuanji

为什么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上就能执行了，效果如下：