解构赋值

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

解构赋值的注意点!

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

1. 解构对象 --- 快速的从对象中获取成员

   const obj = {
       name: 'QF001',
       age: 18,
       gender: '男'
   }
   // ES5 拿到对象的某个属性
   // let name = obj.name
   // let age = obj.age
   // let gender = obj.gender
   

ES6 拿到对象的某个属性 前面的 {} 表示我要从 obj 这个对象中获取成员了

{} 内部的 name age gender 都必须是 obj 这个对象的某些属性

obj 必须是一个对象

    // let { name, age, gender } = obj
    // console.log(name, age, gender)

2. 解构数组 --- 快速的从数组中获取成员

    const arr = ['QF001', 'QF002', 'QF003']
    // ES5 拿到数组的三个成员
    // let a = arr[0]
    // let b = arr[1]
    // let c = arr[2]

ES6 拿到数组的三个成员

前面的 [] 表示我要从 arr 这个数组中获取成员了

a b c 分别对应了 数组中索引为 0 1 2 的值

arr 必须是一个数组

    let [a, b, c] = arr
    console.log(a, b, c)