当前位置：首页 > news >正文

ES6对象扩展

news 2025/7/27 21:42:49

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 对象上新增了一些方法，包括：