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. 执行顺序

内容投诉

人已赞赏
ES6JavaScript

Javascript的堆栈空间

2020-8-21 17:44:09

ES6JavaScript

JavaScript-ES6 - 函数参数的解构赋值[常用]

2020-8-22 12:52:55

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索