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

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

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

  1. const person = {
  2. name: '海尔兄弟',
  3. skill: '不怕冷',
  4. sayHi () {
  5. console.log('hello nice to meet you!')
  6. }
  7. }
  8. // const obj = {
  9. // friend: '格力'
  10. // }
  11. // 基本写法
  12. // obj.name = person.name
  13. // obj.skill = person.skill
  14. // console.log(obj)
  15. // 对象的展开运算符 ...
  16. /*
  17. 1.把...之后的对象 的所有属性,在当前的位置展开
  18. 2.如果用同名属性,靠后的会覆盖之前的
  19. 3.用在对象的合并
  20. */
  21. const obj = {
  22. friend: '格力',
  23. friend2: '美的',
  24. ...person, // 等同于把属性 直接丢到这个位置
  25. // name: '海尔兄弟',
  26. // skill: '不怕冷'
  27. name: '创维'
  28. }
  29. console.log(obj)
内容投诉
ES6JavaScript

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

2020-8-22 12:56:53

ES6JavaScript

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

2020-8-22 16:53:36

0 条回复 A文章作者 M管理员
欢迎您,新朋友,感谢参与互动!
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
私信列表
搜索