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对象属性添加的简写,三者都减少了重复工作的必要。
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章