ES6彙總(二)

模板字符串

  1. 字符串寫在反引號內,如有變量,用 ${ } 包裹即可;{ } 實際可以包含變量、表達式和函數等。
  2. 模板字符串可抽象爲一個渲染函數,在 ${ } 中加載該函數。
  3. 標籤模板字符串的使用,相當於一個函數。
  4. 可通過 str.indexOf('hello') != -1 函數判斷字符串中是否包含某字符,es6中可直接用str.includes('hello',3),3表示第三位之後有沒有 hello 字符字符串函數。
  5. 字符串函數 str.startWith() str.endWith() str.repeat() 是大小寫敏感的。

解構賦值 & 循環 & 數組

  1. 對象解構
  2. 數組解構可以方便的交換兩個變量的值: [a,b] = [b,a]
  3. for (let fruit of fruits) { } 循環與其他三種循環遍歷數組元素的差別。
  4. Array.from() 可以把類數組對象和字符串轉爲真正的數組,注意該方法並不是數組原型上的方法 。
  5. Array.of() 返回一個數組,彌補了 new Array()傳入不同個數參數得到不同結果的問題。傳入單個是數組長度,多個是數組。
  6. 二者主要用於對DOM元素(NodeList)的操作與對arguments對象(object)的操作。
  7. es6數組新方法

參數 & 擴展運算符 & 對象字面量

  1. 擴展運算符[... ]把可遍歷對象的每個元素都擴展至數組中,可用於DOM元素。
  2. 對象屬性的簡寫,屬性名和變量名指向同一個地方時可以只寫一次,模塊導出時也可以這樣寫。
  3. 對象方法的簡寫,去掉:和 function 關鍵字,vue中常見的那個。
  4. es6對象屬性添加的簡寫,三者都減少了重複工作的必要。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章