模板字符串
- 字符串寫在反引號內,如有變量,用 ${ } 包裹即可;{ } 實際可以包含變量、表達式和函數等。
- 模板字符串可抽象爲一個渲染函數,在 ${ } 中加載該函數。
- 標籤模板字符串的使用,相當於一個函數。
- 可通過
str.indexOf('hello') != -1
函數判斷字符串中是否包含某字符,es6中可直接用str.includes('hello',3)
,3表示第三位之後有沒有 hello 字符字符串函數。 - 字符串函數
str.startWith() str.endWith() str.repeat()
是大小寫敏感的。
解構賦值 & 循環 & 數組
- 對象解構
- 數組解構可以方便的交換兩個變量的值:
[a,b] = [b,a]
for (let fruit of fruits) { }
循環與其他三種循環遍歷數組元素的差別。Array.from()
可以把類數組對象和字符串轉爲真正的數組,注意該方法並不是數組原型上的方法 。Array.of()
返回一個數組,彌補了new Array()
傳入不同個數參數得到不同結果的問題。傳入單個是數組長度,多個是數組。- 二者主要用於對DOM元素(NodeList)的操作與對arguments對象(object)的操作。
- es6數組新方法
參數 & 擴展運算符 & 對象字面量
- 擴展運算符
[... ]
把可遍歷對象的每個元素都擴展至數組中,可用於DOM元素。 - 對象屬性的簡寫,屬性名和變量名指向同一個地方時可以只寫一次,模塊導出時也可以這樣寫。
- 對象方法的簡寫,去掉:和 function 關鍵字,vue中常見的那個。
- es6對象屬性添加的簡寫,三者都減少了重複工作的必要。