石川es6課程---1-2、ES6簡介
一、總結
一句話總結：
從ECMAScript的歷史發展來看，太順了的時候總會遇到一挫折，比如ecma4
1、ECMAScript 和 JavaScript關系？
ECMA 是標准，JS 是實現
2、解決ie9兼容性問題的在線編譯？
用browser.js/babel
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.js"></script> <script type="text/babel"> let a=5; let b=7; alert(a+b); </script> </body> </html>
3、Babel 是什么？
Babel 是一個 JavaScript 編譯器，一個廣泛使用的轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行，現在就用 ES6 編寫程序，而不用擔心現有環境是否支持
Babel將ES6代碼轉換成ES5代碼之后，ie9就可以識別了
二、內容在總結中
1.ES6怎么來的
ECMAScript 和 JavaScript
ECMA 是標准，JS 是實現
ECMAScript 簡稱 ECMA 或 ES
歷史版本
1996, ES1.0 Netscape 將 JS 提交給 ECMA 組織，ES 正式出現
1999, ES3.0 被廣泛支持
2011, ES5.1 成為 ISO 國際標准
2015, ES6.0 正式發布
2.ES6兼容性
ES6(ES2015) 支持的環境 IE10+, Chrome, FireFox, 移動端, NodeJS
解決不兼容辦法，編譯、轉換
在線轉換
或者提前編譯
Babel 中文網
Babel 入門教程 阮一峰
Babel 是一個 JavaScript 編譯器
一個廣泛使用的轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行
現在就用 ES6 編寫程序，而不用擔心現有環境是否支持
解決ie9兼容性問題的在線編譯
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <script charset="utf-8" src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.js"></script> <script type="text/babel"> let a=5; let b=7; alert(a+b); </script> </body> </html>
視頻地址
- [b站：深入解讀ES6系列](https://www.bilibili.com/video/av20327829/)
看視頻整理要點筆記:
----
- [hello-es6](#hello-es6)
- [1.ES6怎么來的](#1es6%E6%80%8E%E4%B9%88%E6%9D%A5%E7%9A%84)
- [2.ES6兼容性](#2es6%E5%85%BC%E5%AE%B9%E6%80%A7)
- [3.變量 let 和 常量 const](#3%E5%8F%98%E9%87%8F-let-%E5%92%8C-%E5%B8%B8%E9%87%8F-const)
- [4.函數-箭頭函數](#4%E5%87%BD%E6%95%B0-%E7%AE%AD%E5%A4%B4%E5%87%BD%E6%95%B0)
- [5.函數-參數](#5%E5%87%BD%E6%95%B0-%E5%8F%82%E6%95%B0)
- [6.解構賦值](#6%E8%A7%A3%E6%9E%84%E8%B5%8B%E5%80%BC)
- [7.數組](#7%E6%95%B0%E7%BB%84)
- [8.字符串](#8%E5%AD%97%E7%AC%A6%E4%B8%B2)
- [9.面向對象-基礎](#9%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1-%E5%9F%BA%E7%A1%80)
- [10.面向對象應用](#10%E9%9D%A2%E5%90%91%E5%AF%B9%E8%B1%A1%E5%BA%94%E7%94%A8)
- [11.json](#11json)
- [12.Promise](#12promise)
- [13.generator-認識生成器函數](#13generator-%E8%AE%A4%E8%AF%86%E7%94%9F%E6%88%90%E5%99%A8%E5%87%BD%E6%95%B0)
- [14.generator-yield是啥](#14generator-yield%E6%98%AF%E5%95%A5)
- [15.generator-實例](#15generator-%E5%AE%9E%E4%BE%8B)
- [16.ES7 預覽](#16es7-%E9%A2%84%E8%A7%88)
----
## 1.ES6怎么來的
- ECMAScript 和 JavaScript
- ECMA 是標准，JS 是實現
- ECMAScript 簡稱 ECMA 或 ES
- 歷史版本
- 1996, ES1.0 Netscape 將 JS 提交給 ECMA 組織，ES 正式出現
- 1999, ES3.0 被廣泛支持
- 2011, ES5.1 成為 ISO 國際標准
- 2015, ES6.0 正式發布
## 2.ES6兼容性
- ES6(ES2015) 支持的環境 IE10+, Chrome, FireFox, 移動端, NodeJS
- 解決不兼容辦法，編譯、轉換
- 在線轉換
- 或者提前編譯
- [Babel 中文網](https://www.babeljs.cn)
- [Babel 入門教程 阮一峰](http://www.ruanyifeng.com/blog/2016/01/babel.html)
- Babel 是一個 JavaScript 編譯器
- 一個廣泛使用的轉碼器，可以將ES6代碼轉為ES5代碼，從而在現有環境執行
- 現在就用 ES6 編寫程序，而不用擔心現有環境是否支持