模版字符串 ，展开运算符 -ES6 新增内容

模版字符串

• ES5 中我们表示字符串的时候使用 '' 或者 ""

• 在 ES6 中，我们还有一个东西可以表示字符串，就是  `` （反引号）

  let str = `hello world`
  console.log(typeof str) // string
  

• 和单引号好友双引号的区别

  1. 反引号可以换行书写

     // 这个单引号或者双引号不能换行，换行就会报错了
     let str = 'hello world' 
     
     // 下面这个就报错了
     let str2 = 'hello 
     world'
     

     let str = `
      hello
      world
     `
     
     console.log(str) // 是可以使用的
     

  2. 反引号可以直接在字符串里面拼接变量

     // ES5 需要字符串拼接变量的时候
     let num = 100
     let str = 'hello' + num + 'world' + num
     console.log(str) // hello100world100
     
     // 直接写在字符串里面不好使
     let str2 = 'hellonumworldnum'
     console.log(str2) // hellonumworldnum
     

     // 模版字符串拼接变量
     let num = 100
     let str = `hello${num}world${num}`
     console.log(str) // hello100world100
     

     • 在  ``  里面的 ${} 就是用来书写变量的位置

展开运算符

• ES6 里面号新添加了一个运算符 ... ，叫做展开运算符

• 作用是把数组展开

  let arr = [1, 2, 3, 4, 5]
  console.log(...arr) // 1 2 3 4 5
  

• 合并数组的时候可以使用

  let arr = [1, 2, 3, 4]
  let arr2 = [...arr, 5]
  console.log(arr2)
  

• 也可以合并对象使用

  let obj = {
    name: 'Jack',
    age: 18
  }
  let obj2 = {
    ...obj,
    gender: '男'
  }
  console.log(obj2)
  

• 在函数传递参数的时候也可以使用

  let arr = [1, 2, 3]
  function fn(a, b, c) {
    console.log(a)
    console.log(b)
    console.log(c)
  }
  fn(...arr)
  // 等价于 fn(1, 2, 3)