es6新特性 - 对象新增拓展
一、属性的简写
-
es6中,当对象键名与对应值名相等的时候,可以进行简写。在函数内作为返回值,也会方便很多
- 注意:简写的对象方法不能用做构造函数,否则会报错
二、属性名表达式
-
es6允许字面量定义对象时,将表达式放在括号内,表达式还可以用于定义方法名
- 注意:属性名表达式与简洁表示法不能同时使用,会报错;属性名表达式如果是一个对象,默认情况下会自动将对象转为字符串[object Object]
三、super关键字
- this关键字总是指向函数所在的当前对象,es6又新增了另一个类似的关键字super,指向当前对象的原型对象
四、扩展运算符的应用
-
在解构赋值中,未被读取的可遍历的属性,分配到指定的对象上面
- 注意:解构赋值必须是最后一个参数,否则会报错
-
解构赋值是浅拷贝,对象的扩展运算符等同于使用Object.assign()方法
五、属性的遍历
- es6一共有5种方法可以遍历对象的属性:
-
for...in:循环遍历对象自身和继承的可枚举属性(不含Symbol属性)
-
Object.keys(obj):返回一个数组,包括对象自身的(不含继承的)所有可枚举属性)不含Symbol属性)的键名
-
Object.getOwnPropertyNames(obj):返回一个数组,包含对象自身的所有属性(不包含Symbol属性,但是包括不可枚举属性)的键名
-
Object.getOwnPropertySymbols(obj):返回一个数组,包含对象自身的所有Symbol属性的键名
-
Reflect.ownKeys(obj):返回一个数组,包含对象自身的(不含继承的)所有键名,不管键名是Symbol或字符串,也不管是否可枚举
- 上述遍历都遵守同样的属性遍历的次序规则:
-
首先 遍历所有数值键,按照数值升序排列
-
其次 遍历所有字符串键,按照加入时间升序排列
-
最后 遍历所有Symbol键,按照加入时间升序排列
六、对象新增的方法
-
Object.is():
- 严格判断两个值是否相等,与严格比较运算符(===)的行为基本一致,不同之处只有两个:一是+0不等于-0,二是NaN等于自身
-
Object.assign():
-
该方法用于对象的合并,将源对象source的所有可枚举属性复制到目标对象target
-
该方法的第一个参数是目标对象,后面的参数都是源对象
-
注意:Object.assign()方法是浅拷贝,遇到同名属性会进行替换
-
-
Object.getOwnPropertyDescriptors():
- 返回指定对象所有自身属性(非继承属性)的描述对象
-
Object.setPrototypeOf():
- 用来设置一个对象的原型对象
-
Object.getPrototypeOf():
- 用于读取一个对象的原型对象
-
Object.keys():
- 返回自身的(不含继承的)所有可遍历(enumerable)属性的键名的数组
-
Object.values():
- 返回自身的(不含继承的)所有可遍历(enumerable)属性的键对应值的数组
-
Object.entries():
- 返回一个对象自身的(不含继承的)所有可遍历(enumerable)属性的键值对的数组
-
Object.fromEntries()
- 用于将一个键值对数组转为对象
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· Docker 太简单,K8s 太复杂?w7panel 让容器管理更轻松!