该园用来记录个人的学习内容,有些杂乱,谅解~嘿嘿~

Chloe

自学前端的小菜鸟一枚呀~
记录学习的知识

es6新特性 - 对象新增拓展

一、属性的简写

  1. es6中,当对象键名与对应值名相等的时候,可以进行简写。在函数内作为返回值,也会方便很多

    • 注意:简写的对象方法不能用做构造函数,否则会报错

二、属性名表达式

  1. es6允许字面量定义对象时,将表达式放在括号内,表达式还可以用于定义方法名

    • 注意:属性名表达式与简洁表示法不能同时使用,会报错;属性名表达式如果是一个对象,默认情况下会自动将对象转为字符串[object Object]

三、super关键字

  1. this关键字总是指向函数所在的当前对象,es6又新增了另一个类似的关键字super,指向当前对象的原型对象

四、扩展运算符的应用

  1. 在解构赋值中,未被读取的可遍历的属性,分配到指定的对象上面

    • 注意:解构赋值必须是最后一个参数,否则会报错
  2. 解构赋值是浅拷贝,对象的扩展运算符等同于使用Object.assign()方法

五、属性的遍历

  1. es6一共有5种方法可以遍历对象的属性:
  • for...in:循环遍历对象自身和继承的可枚举属性(不含Symbol属性)

  • Object.keys(obj):返回一个数组,包括对象自身的(不含继承的)所有可枚举属性)不含Symbol属性)的键名

  • Object.getOwnPropertyNames(obj):返回一个数组,包含对象自身的所有属性(不包含Symbol属性,但是包括不可枚举属性)的键名

  • Object.getOwnPropertySymbols(obj):返回一个数组,包含对象自身的所有Symbol属性的键名

  • Reflect.ownKeys(obj):返回一个数组,包含对象自身的(不含继承的)所有键名,不管键名是Symbol或字符串,也不管是否可枚举

  1. 上述遍历都遵守同样的属性遍历的次序规则:
  • 首先 遍历所有数值键,按照数值升序排列

  • 其次 遍历所有字符串键,按照加入时间升序排列

  • 最后 遍历所有Symbol键,按照加入时间升序排列

六、对象新增的方法

  1. Object.is():

    • 严格判断两个值是否相等,与严格比较运算符(===)的行为基本一致,不同之处只有两个:一是+0不等于-0,二是NaN等于自身
  2. Object.assign():

    • 该方法用于对象的合并,将源对象source的所有可枚举属性复制到目标对象target

    • 该方法的第一个参数是目标对象,后面的参数都是源对象

    • 注意:Object.assign()方法是浅拷贝,遇到同名属性会进行替换

  3. Object.getOwnPropertyDescriptors():

    • 返回指定对象所有自身属性(非继承属性)的描述对象
  4. Object.setPrototypeOf():

    • 用来设置一个对象的原型对象
  5. Object.getPrototypeOf():

    • 用于读取一个对象的原型对象
  6. Object.keys():

    • 返回自身的(不含继承的)所有可遍历(enumerable)属性的键名的数组
  7. Object.values():

    • 返回自身的(不含继承的)所有可遍历(enumerable)属性的键对应值的数组
  8. Object.entries():

    • 返回一个对象自身的(不含继承的)所有可遍历(enumerable)属性的键值对的数组
  9. Object.fromEntries()

    • 用于将一个键值对数组转为对象
posted @   Chloe56  阅读(146)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!
点击右上角即可分享
微信分享提示