JavaScript-ES6 – 对象的解构赋值[常用]

可以大大简化对象取值

阮一峰ES6 – 对象的解构赋值

const person = {
  name: '日向雏田',
  friend: '漩涡鸣人',
  skill: '白眼',
  sayHi () {
    console.log('莫西莫西')
  }
}

// 基本写法
// const name = person.name
// const friend = person.friend
// const skill = person.skill

// 解构赋值
/*
    一次性声明了三个常量
    把person中的同名属性设置进来
    1. 如果不存在的属性直接为空
    2. 只要属性存在就可以获取到
*/
const { name, friend, skill, age, sayHi } = person

console.log(name, friend, skill, age)
console.log(age)
sayHi()

注意:

1. 挨个的帮我们去获取对应的属性值

2. 

3. 执行顺序