解构赋值，就是快速的从对象或者数组中取出成员的一个语法方式

函数传递参数的时候的默认值

• 我们在定义函数的时候，有的时候需要一个默认值出现

• 就是当我不传递参数的时候，使用默认值，传递参数了就使用传递的参数

  function fn(a) {
    a = a || 10
    console.log(a)
  }
  fn()   // 不传递参数的时候，函数内部的 a 就是 10
  fn(20) // 传递了参数 20 的时候，函数内部的 a 就是 20
  

  • 在 ES6 中我们可以直接把默认值写在函数的行参位置

  function fn(a = 10) {
    console.log(a)
  }
  fn()   // 不传递参数的时候，函数内部的 a 就是 10
  fn(20) // 传递了参数 20 的时候，函数内部的 a 就是 20
  

  • 这个默认值的方式箭头函数也可以使用

  const fn = (a = 10) => {
    console.log(a)
  }
  fn()   // 不传递参数的时候，函数内部的 a 就是 10
  fn(20) // 传递了参数 20 的时候，函数内部的 a 就是 20
  

  • 注意： 箭头函数如果你需要使用默认值的话，那么一个参数的时候也需要写 （）

解构赋值

• 解构赋值，就是快速的从对象或者数组中取出成员的一个语法方式

解构对象

• 快速的从对象中获取成员

  // ES5 的方法向得到对象中的成员
  const obj = {
    name: 'Jack',
    age: 18,
    gender: '男'
  }
  
  let name = obj.name
  let age = obj.age
  let gender = obj.gender
  

  // 解构赋值的方式从对象中获取成员
  const obj = {
    name: 'Jack',
    age: 18,
    gender: '男'
  }
  
  // 前面的 {} 表示我要从 obj 这个对象中获取成员了
  // name age gender 都得是 obj 中有的成员
  // obj 必须是一个对象
  let { name, age, gender } = obj
  

解构数组

• 快速的从数组中获取成员

  // ES5 的方式从数组中获取成员
  const arr = ['Jack', 'Rose', 'Tom']
  let a = arr[0]
  let b = arr[1]
  let c = arr[2]
  

  // 使用解构赋值的方式从数组中获取成员
  const arr = ['Jack', 'Rose', 'Tom']
  
  // 前面的 [] 表示要从 arr 这个数组中获取成员了
  // a b c 分别对应这数组中的索引 0 1 2
  // arr 必须是一个数组
  let [a, b, c] = arr
  

注意

• {} 是专门解构对象使用的
• [] 是专门解构数组使用的
• 不能混用