20200821 - 前端业务项目的日常记录

1. 扩展运算符的应用

• 将数组元素迭代为函数参数使用

  myFunc (a, b, c) {
  	console.log(a, b, c)
  }
  let arr = [0, 1, 2]
  myFunc(...arr)
  // 输出1 2 3
  

  注意…arr返回的是数组的各个元素而不是数组本身，只有[…arr]才是一个数组，所以对方法传参可以在括号内用…arr扩展运算符

• 替代push()、concat()等方法构造字面量数组

  let arr1 = [1, 2, 3]
  let arr2 = [...arr1,4]
  // 相当于push()操作，arr2为[1, 2, 3, 4]
  let arr3 = [...arr1, ...arr2]
  // 相当于concat()操作，arr3为[1, 2, 3, 1, 2, 3, 4]
  

  (字面量数组就是一眼就能看出明确数值大小的常数数组)

2. el-date-picker组件的小注意点

注意format和value-format两种属性,前者是渲染时的格式，后者是存储下来用来传参的格式，注意不要搞混

3. 一元加号+布尔类型的类型转换

如+true，一元加号会把布尔类型转换为数字类型，此时true会被转换为1，false被转换为0

console.log(+true) // 输出1

---

Smile and let everyone know that today you’re a lot stronger than you were yesterday.
用微笑告诉世人，今天的你比昨天更加强大。