如何快速讓瀏覽器相容ES6特性

2021-08-27 07:58:39 字數 753 閱讀 4859

今天上午有點時間,所以在更新一篇文章

大家都知道目前es6不是所有瀏覽器都支援的,所以要通過轉碼器先進行轉碼然後再編譯**。所以大家在看我部落格的時候可以先安裝了babel轉碼器

如果你還沒安裝 babel 可以使用 npm 來安裝:

npm install -g babel
現在一般都不會安裝成功,因為現在預設安裝的是babel6

因為安裝babel6,比較麻煩所以今天先帶大家裝babel5,先暫時使用吧

安裝成功後,找到這個browser.min.js這個檔案

使用的時候就這樣:

沒有使用前是這樣:

使用後是這樣:

使用的時候就兩點:

正確引入browser.min.js

script標籤的type為」text/babel」。

如何快速讓瀏覽器相容ES6特性

有災難,就有勇士和救兵,針對es6的相容性問題,很多團隊為此開發出了多種語法解析轉換工具,把我們寫的es6語法轉換成es5,相當於在es6和瀏覽器之間做了乙個翻譯官。比較通用的工具方案有babel,jsx,traceur,es6 shim等。此外,瀏覽器自身也加快速度相容es6的新特性,其中對es6...

解決讓瀏覽器相容ES6特性

由於廣大使用者使用的瀏覽器版本在發布的時候也許早於es6的定稿和發布,而到了今天,我們在程式設計中如果使用了es6的新特性,瀏覽器若沒有更新版本,或者新版本中沒有對es6的特性進行相容,那麼瀏覽器肯定無法識別我們的es6 好比瀏覽器根本看不懂我寫的let和const是什麼東西?只能報錯了。這就是瀏覽...

解決瀏覽器相容ES6特性

由於廣大使用者使用的瀏覽器版本在發布的時候也許早於es6的定稿和發布,而到了今天,我們在程式設計中如果使用了es6的新特性,瀏覽器若沒有更新版本,或者新版本中沒有對es6的特性進行相容,那麼瀏覽器肯定無法識別我們的es6 好比瀏覽器根本看不懂我寫的let和const是什麼東西?只能報錯了。這就是瀏覽...