1前言
該系列文章均為學(xué)習(xí)阮一峰老師《ECMAScript 6 入門》一書(shū)的學(xué)習(xí)筆記。原著:http://es6.ruanyifeng.com/
各大瀏覽器的最新版本,對(duì)ES6的支持可以查看kangax.github.io/es5-compat-table/es6/。隨著時(shí)間的推移,支持度已經(jīng)越來(lái)越高了,ES6的大部分特性都實(shí)現(xiàn)了。
Node.js是JavaScript語(yǔ)言的服務(wù)器運(yùn)行環(huán)境,對(duì)ES6的支持度比瀏覽器更高。通過(guò)Node,可以體驗(yàn)更多ES6的特性。建議使用版本管理工具nvm,來(lái)安裝Node,因?yàn)榭梢宰杂汕袚Q版本。不過(guò), nvm不支持Windows系統(tǒng),如果你使用Windows系統(tǒng),下面的操作可以改用nvmw或nvm-windows代替。
2安裝Babel
由于目前很多瀏覽器對(duì)ECMAScript 6的支持度有限,但是又想使用ECMAScript 6提供的高級(jí)語(yǔ)法,因此babel誕生了,它能將ECMAScript 6的特殊語(yǔ)法轉(zhuǎn)換為ECMAScript 5中對(duì)應(yīng)的解決方案,所以我們不用等到瀏覽器的支持就可以在項(xiàng)目中使用ES6的特性。。
babel6之后,將babel拆分成兩個(gè)包:babel-cli和babel-core。如果你想要在CLI(終端或REPL)使用babel就下載babel-cli,如果想要在node中使用就下載babel-core。
一般情況下,我們不會(huì)將babel安裝在全局,因?yàn)椴煌捻?xiàng)目可能使用不同的babel,并且安裝在全局,那么我們的項(xiàng)目就對(duì)環(huán)境產(chǎn)生了依賴,因此,通常我們將babel-cli安裝在項(xiàng)目中。
2.1. 創(chuàng)建一個(gè)學(xué)習(xí)項(xiàng)目
js_ES5用來(lái)存放轉(zhuǎn)換后的ECMAScript 5文件,js_ES6用來(lái)存放ECMAScript 6文件文件。