簡單配置,讓ES6指令碼在瀏覽器裡飛

2022-02-21 09:31:47 字數 966 閱讀 1871

如果你只是想學習es6語法,找個地方練習下寫法。不想看環境如何搭配,就想簡單的學習,那有兩種簡單的方式。

1、在chrome瀏覽器裡直接f12調出控制台

2、在瀏覽器裡跑引用es6的html頁面

babel-standalone是乙個在非node環境的babel獨立編譯,這個非node環境包括瀏覽器。

可以去 babel-standalone github 詳細了解一下。

指令碼type用 text/babel,然後,就沒有然後了。

doctype html

>

<

html

lang

="en"

>

<

head

>

<

meta

charset

="uft-8"

>

<

title

>測試

title

>

<

script

src="babel.js"

>

script

>

<

script

type

="text/babel"

>

console.log("tt

");vara =;

for(let i =0

; i

<

10; i

++) ;}a[

6]();

script

>

head

>

<

body

>

body

>

html

>

解決讓瀏覽器相容ES6特性

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

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

今天上午有點時間,所以在更新一篇文章 大家都知道目前es6不是所有瀏覽器都支援的,所以要通過轉碼器先進行轉碼然後再編譯 所以大家在看我部落格的時候可以先安裝了babel轉碼器 如果你還沒安裝 babel 可以使用 npm 來安裝 npm install g babel現在一般都不會安裝成功,因為現在...

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

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