ES6对象扩展是指在ES6中新增的一些对象属性和方法,包括对象属性的简写、计算属性名、对象方法的简写、对象的可迭代性、拓展运算符等。
下面是一些常用的ES6对象扩展:
- 对象属性的简写
ES6中,当对象的属性名和赋值变量名相同时,可以简写属性名称,例如:
let name = 'Tom'; let age = 20; let obj = { name, age };
这里的name和age属性名可以直接使用变量名来表示,不需要再写属性名和变量名。
- 计算属性名
在ES6中,可以使用计算属性名来动态设置对象属性名,例如:
let key = 'name'; let obj = { [key]: 'Tom' }; console.log(obj); // {name: "Tom"}
这里使用了方括号来表示计算属性名,key的值会被动态地赋给属性名。
- 对象方法的简写
在ES6中,定义对象方法时可以使用简写语法,例如:
let obj = { sayHello() { console.log('Hello World!'); } }; obj.sayHello(); // "Hello World!"
这里的sayHello方法与函数定义类似,不需要function关键字。
- 对象的可迭代性
在ES6中,对象可以通过定义Symbol.iterator属性来实现可迭代性,例如:
let obj = { name: 'Tom', age: 20, [Symbol.iterator]: function* () { let keys = Object.keys(this); for (let key of keys) { yield [key, this[key]]; } } }; for (let [key, value] of obj) { console.log(key + ": " + value); }
这里使用了Symbol.iterator来定义一个迭代器,使对象可以进行迭代操作。
- 拓展运算符
在ES6中,可以使用拓展运算符...来展开数组、对象等,例如:
let arr1 = [1, 2, 3]; let arr2 = [4, 5, 6]; let arr3 = [...arr1, ...arr2]; console.log(arr3); // [1, 2, 3, 4, 5, 6] let obj1 = {name: 'Tom'}; let obj2 = {age: 20}; let obj3 = {...obj1, ...obj2}; console.log(obj3); // {name: "Tom", age: 20}
这里使用了拓展运算符...将多个数组或对象合并到一起
ES6 在 Object 对象上新增了一些方法,包括:
- Object.is(): 判断两个值是否完全相等,包括 NaN 和 +0/-0 的区别。
- Object.assign(): 将源对象的属性复制到目标对象中,可以同时复制多个对象。
- Object.keys(): 返回一个数组,包含目标对象的所有可枚举属性的键名。
- Object.values(): 返回一个数组,包含目标对象的所有可枚举属性的键值。
- Object.entries(): 返回一个数组,包含目标对象的所有可枚举属性的键名和键值。
- Object.getOwnPropertyDescriptors(): 返回一个对象,包含目标对象所有属性的描述对象。
- Object.setPrototypeOf(): 设置一个对象的原型对象。
- Object.getPrototypeOf(): 返回一个对象的原型对象。
- Object.freeze(): 冻结一个对象,使其不可修改。
- Object.seal(): 封闭一个对象,使其属性不可新增、删除,但属性值可以修改。