ECMAScript和JavaScript的關係是,前者是後者的規格,後者是前者的一種實現。web現在流行的框架如Vue.js、React.js等基本都是基於ES6語法。
學習ES6的最好方式就是直接在編寫的過程中能實時的查看對應的翻譯成ES5的代碼,在比較中學習,在學習中比較。
這裡推薦使用在線的Babel環境:https://babeljs.cn/repl
1.塊級作用域
定義變量使用let替代var,使用const定義不可變的變量,即常量。通常用const聲明變量需要賦值。
兩種聲明方式都是塊級作用域,變量僅在 { } 中有效。
2.字符串特性
- 多行字符串使用 `` (鍵盤上橫排數字1左邊的那個按鍵)包圍跨行的字符串。示例:
- 字符串模板可以在多行字符串中使用模板。示例:
- 自動拆分字符串示例:
注意:調用方法時不要加上小括號()
傳輸給方法的內容,會被${}語法給拆分開來。
3.箭頭表達式
用來聲明匿名函數,消除傳統匿名函數的this指針問題。 返回的時候如果有 { } 需要寫return; 示例:
4.函數特性
- 1.剩餘參 數 or 展開符
- 2.析構表達式
析構表達式又稱解構 ,是ES6的一個重要特性,所謂解構 ,就是將聲明的一組變量與相同結構的數組或者對象的元素數值一一對應。分數組解構 ([])和對象解構({})兩種。
數組解構示例:
對象解構示例:
5.模塊化
ES6提供了自帶的模塊化機制,我們使用import和export關鍵字來快速的實現模塊化。
6.Class類
作為對象的模板,通過class關鍵字,可以定義類。ES6的class可以看作只是一個語法糖:
7.Promise
Promise 對象用於一個異步操作的最終完成(或失敗)及其結果值的表示。寫法如下:
異步操作成功,調用resolve方法,失敗則調用reject方法。
以上就是es6的基礎知識盤點,更詳細的代碼操作可以學習阮大神的那本書。如果有興趣可以關注我,更多詳細的web視頻免費領取,歡迎評論、點贊、留言。謝謝大家支持!
閱讀更多 程序猿猩球 的文章
關鍵字: 知識點 學習 ECMAScript