## ES6 概述 ### ECMAScript 和 JavaScript 的關系 * ECMA (European Computer Manufactures Association)，中文：歐洲計算機制造聯合會 是1961年成立的旨在建立統一的電腦操作格式標準--包括程序語言和輸入輸出的組織。 * ECMAScript是一種語言規范，JavaScript是按照該規范實現的一種語言ECMAScript 規范實現的語言還有 Jscript 和 ActionScript > 在我們前端的日常中，兩者可以視為同一個意思。本節課我們也將ECMAScript 簡稱為ES，ECMAScript2015 簡稱為ES6。大家注意區分。 ### ES6是什么？ > ES6 是范指代ES5后的下一代版本，并不是官方正式的版本號 官方正式的名字是ECMAScript 2015,該版本在2015年6月正式通過成為國際標準。 你還知道其他的ES版本的發布日期嗎？ ### ECMAScript 的歷史 * ECMAScript 1.0 (1997 年) 發布的 * ECMAScript 2.0 （1998 年 6 月） * ECMAScript 3.0 （1999 年 12 月）比較成功和全面的一個版本 * ECMAScript 4.0 (2000年)開始醞釀。這個版本最后沒有通過（部分被ES6繼承） * ECMAScript 5.0 (2009 年 12 月) 正式發布 * ECMAscript 5.1 （2011 年 6 月）正式發布 * ECMAScript 2015 (ES6) （2015 年 6 月）正式發布 * ECMAScript 2016 (ES7) （2016 年 6 月）正式發布 * ECMAScript 2017 (ES8) （2017 年 6 月）正式發布 ### ES6兼容問題？ 1.不同瀏覽器對ES6支持度不同，所以我們在使用的時候要注意兼容性的問題。 通用做法是通過ES6的轉碼器對ES6代碼進行轉碼，" Babel"是一個廣泛使用的轉碼器。 2.node環境也支持ES6語法，而且支持度較高 ### 如何在瀏覽器上兼容 1.通過babel轉換腳本進行預編譯，將ES6代碼轉換成ES5的規范代碼,然后引入到頁面。 2.在瀏覽器中ES6代碼前引入一個babel的預編譯腳本： ~~~ <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script> <script type="text/babel"> // Your ES6 code </script> ~~~ 3.我們可以通過 [can i use] (https://caniuse.com/) 這個網站來查看某個特性的兼容情況。