1.let和const
2.模版字面量(反引号)
之前我们要想把一些字符串变量等拼接在一起,只能使用+或者concat(),现在用反引号搭配${变量}即可达到目的。
eg:
- 加号拼接
const year = '2021'
const yearsold = '3'
this.msg = '今年是' + year + '年,我' + yearsold + '岁啦!'
console.log(this.msg)//"今年是2021年,我3岁啦!"
- 反引号拼接
const year = '2021'
const yearsold = '3'
this.msg =`今年是${year}年,我${yearsold}岁啦!`
console.log(this.msg)//"今年是2021年,我3岁啦!"
3.展开运算符
展开运算符用三个连续的点(…)表示,用于展开数组。
常用于合并数组,合并对象等
const arr1 = ['1','2','3']
const arr2 = ['4','5','6']
const arr = [...arr1,...arr2]
console.log(arr)//["1", "2", "3", "4", "5", "6"]
const obj1 ={name:'zs'}
const obj2 = {year:'10'}
const obj = {...obj1,...obj2}
console.log(obj)//{name: "zs", year: "10"}
const arr1 = ['1','2','3']
const num = '7'
const arr = [...arr1,num]
console.log(arr)// ["1", "2", "3", "7"]