JavaScript-ES6 – 对象的扩展运算符[常用]

释放双眼,带上耳机,听听看~!
简而言之就是展开一个对象

阮一峰ES6 – 对象的扩展运算符

const person = {
  name: '海尔兄弟',
  skill: '不怕冷',
  sayHi () {
    console.log('hello nice to meet you!')
  }
}

// const obj = {
//   friend: '格力'
// }
// 基本写法
// obj.name = person.name
// obj.skill = person.skill
// console.log(obj)

// 对象的展开运算符 ...
/*
    1.把...之后的对象 的所有属性,在当前的位置展开
    2.如果用同名属性,靠后的会覆盖之前的
    3.用在对象的合并
*/
const obj = {
  friend: '格力',
  friend2: '美的',
  ...person, // 等同于把属性 直接丢到这个位置
  //   name: '海尔兄弟',
  //   skill: '不怕冷'
  name: '创维'
}
console.log(obj)
内容投诉

人已赞赏
ES6JavaScript

JavaScript-ES6 - 数组的解构赋值[不常用]

2020-8-22 12:56:53

ES6JavaScript

JavaScript-ES6 - 数组的扩展运算符[常用]

2020-8-22 16:53:36

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