千鋒web前端開發(fā)項目教程_1000集完全零基礎入門HTML5+CSS3+JS到

es5 新增 : 開啟嚴格模式 "use strict"
一、聲明關鍵字
- ES6新增的聲明關鍵字:
let
,const
:聲明變量class
:聲明類import
,export
:模塊化開發(fā)
let
和const
的特點
- 不存在提升
- 不允許重復聲明
- 全局不會綁定到
window
- 塊級作用域
- 暫時性死區(qū)
const
聲明的變量不允許修改地址
使用規(guī)范:const
-> let
-> var
二、箭頭函數(shù)
- 箭頭函數(shù)的特點等同于無名函數(shù)
- 賦值式創(chuàng)建函數(shù)的值
- 作為參數(shù),回調(diào)函數(shù)
- 作為返回值,閉包函數(shù)
- 作為事件處理函數(shù),不推薦
- 作為匿名函數(shù)的函數(shù)體使用
- 語法:
- 完整語法:
()=>{}
- 極簡語法:
=>
- 當有且只有一個參數(shù)時,可以省略小括號
- 當有且直接返回了數(shù)據(jù)時,可以省略花括號和return,花括號和return必須同時省略(返回花括號對象時,要用小括號將花括號包起來)
- 特點:
- 可讀性差
- 語法極簡
- 沒有自身的this,自動使用外層this
- 不能被new執(zhí)行(無法作為類使用)
- 沒有arguments
二、箭頭函數(shù)
- 箭頭函數(shù)的特點等同于無名函數(shù)
- 賦值式創(chuàng)建函數(shù)的值
- 作為參數(shù),回調(diào)函數(shù)
- 作為返回值,閉包函數(shù)
- 作為事件處理函數(shù),不推薦
- 作為匿名函數(shù)的函數(shù)體使用
- 語法:
- 完整語法:
()=>{}
- 極簡語法:
=>
- 當有且只有一個參數(shù)時,可以省略小括號
- 當有且直接返回了數(shù)據(jù)時,可以省略花括號和return,花括號和return必須同時省略(返回花括號對象時,要用小括號將花括號包起來)
- 特點:
- 可讀性差
- 語法極簡
- 沒有自身的this,自動使用外層this
- 不能被new執(zhí)行(無法作為類使用)
- 沒有arguments
四、展開運算符
- 一般用于快速展開復雜的數(shù)據(jù),獲取其內(nèi)部的值
- 語法:
...要展開的數(shù)據(jù)
- 展開對象:只能在能接收鍵值對的位置展開對象
- 花括號內(nèi)
五、默認值
解構(gòu)賦值時的默認值
函數(shù)的是參數(shù)的默認值
六、對字符的補充(算擴展不算ES6新增)
- 字符串模板:
`
- 支持反引號內(nèi)回車換行
- 反引號內(nèi)的變量使用
${}
進行標記
七、Symbol(一種新的數(shù)據(jù)類型)
- 類似于字符,基本數(shù)據(jù)類型,任何兩個Symbol都不相等,用于表示標記值或狀態(tài)
- 用于消除使用字符或數(shù)值或布爾等常規(guī)數(shù)據(jù)作為狀態(tài)時的隱患
- 語法:const s = Symbol()
八、對象的簡寫語法
屬性:當對象的屬性名和變量名相同時可以簡寫
方法:可以直接省略冒號和function關鍵字(箭頭函數(shù)不能省略,省略后就不是箭頭函數(shù)了)
九、Set和Map
- 數(shù)據(jù)的打包形式
- 數(shù)組對象:有序的可重復的值集合
- 對象:無序的無重復的鍵值對集合
- Set對象:無序的無重復的值集合
- Map對象::無序的無重復的值值對集合
- Set:
- new Set()
- Map:
new Map()
十、for - of
- ES6新增的遍歷語句:主要用于遍歷set和map
- for-of遍歷的是值
- 能否遍歷數(shù)組
- 能否遍歷對象
- 能否遍歷字符
標簽: