使用CDN編譯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上就能執行了，效果如下：