[ES6] 細化ES6之 -- ECMA6是什麼
ECMA6是什麼
JavaScript 語言的下一代標準
ES6 的目標,是使得 JavaScript 語言可以用來編寫大型的複雜的應用程式,成為企業級開發語言。
ECMAScript 和 JavaScript 的關係
ECMAScript 是 JavaScript 語言的國際標準
JavaScript 是 ECMAScript 的實現。
ECMA的發展歷史
-
1998 年 6 月,ECMAScript 2.0 版釋出。
-
1999 年 12 月,ECMAScript 3.0 版釋出,成為 JavaScript 的通行標準,得到了廣泛支援。
-
2007 年 10 月,ECMAScript 4.0 版草案發布,對 3.0 版做了大幅升級,預計次年 8 月釋出正式版本。
-
2008 年 7 月,由於對於下一個版本應該包括哪些功能,各方分歧太大,爭論過於激進,ECMA 開會決定,中止 ECMAScript 4.0 的開發
-
2009 年 12 月,ECMAScript 5.0 版正式釋出。
-
2011 年 6 月,ECMAscript 5.1 版釋出,並且成為 ISO 國際標準(ISO/IEC 16262:2011)。
-
2013 年 3 月,ECMAScript 6 草案凍結,不再新增新功能。新的功能設想將被放到 ECMAScript 7。
-
2013 年 12 月,ECMAScript 6 草案發布。然後是 12 個月的討論期,聽取各方反饋。
-
2015 年6 月,ECMAScript 6 正式通過,成為國際標準。
Babel編譯器
Babel是什麼
是一個廣泛使用的 ES6 轉碼器(編譯器),可以 ES6 程式碼轉為 ES5 程式碼,從而在瀏覽器或其他環境執行
安裝Babel
$ npm install --global babel 或 npm install -g cnpm --registry=https://registry.npm.taobao.org
配置Babel
{
"presets": [
"latest"
],
"plugins": [],
"devDependencies": {
"babel-cli": "^6.0.0",
"babel-preset-latest": "^6.24.1"
},
"scripts": {
"build": "babel src -d lib"
}
}
babel-cli轉碼
- src目錄:用於放置 ECMAScript 6的程式碼檔案。
- lib目錄:用於放置通過 Babel轉碼後的程式碼檔案。
npm run build
相關文章
- ES6是什麼?
- ES6 中的 Symbol 是什麼?Symbol
- ES6 let和var的區別是什麼?
- 為什麼說ES6的class是語法糖?
- 為什麼要使用ES6類?
- ES6走走看看—字元到底發生了什麼變化字元
- ES6之symbolSymbol
- ES6 系列之 Babel 將 Async 編譯成了什麼樣子Babel編譯
- ES6 系列之 Babel 將 Generator 編譯成了什麼樣子Babel編譯
- ES6系列之Babel將Generator編譯成了什麼樣子Babel編譯
- ES6解決了什麼問題
- ES6之promise原理Promise
- ES6之let、const
- ES6 系列之 WeakMap
- ES6 之 let / const
- ES6模組化
- ES6 - 模組化
- [Javascript] Promise ES6 詳細介紹JavaScriptPromise
- Vue(ES6)中的data屬性為什麼不能是一個物件?Vue物件
- ES6模組化之export和import的用法ExportImport
- 實操ES6之PromisePromise
- ES6之const和let
- ES6之var、let、const
- ES6 新特性之SymbolSymbol
- ES6 系列之模板字串字串
- ES6 系列之 Babel 是如何編譯 Class 的(上)Babel編譯
- ES6 系列之 Babel 是如何編譯 Class 的(下)Babel編譯
- ES6系列之Babel是如何編譯Class的(上)Babel編譯
- commonJs、AMD、UMD、es6 到底是怎麼用的JS
- [每日一題]ES6中為什麼要使用Symbol?每日一題Symbol
- ES6之塊級作用域
- ES6之解構賦值賦值
- ES6 Proxy 效能之我見
- ES6 系列之 defineProperty 與 proxy
- ES6系列之 let 和 const
- ES6之字串擴充套件字串套件
- ES6入門之let、cont
- ES6之Array.from()方法