模板字符串
- 字符串写在反引号内,如有变量,用 ${ } 包裹即可;{ } 实际可以包含变量、表达式和函数等。
- 模板字符串可抽象为一个渲染函数,在 ${ } 中加载该函数。
- 标签模板字符串的使用,相当于一个函数。
- 可通过
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对象属性添加的简写,三者都减少了重复工作的必要。