ES6对象新特性详解-优快云博客

本文深入探讨ES6中对象的简洁表示法，包括属性名表达式的使用，以及方法名的简写技巧。同时，详细解析属性的可枚举性和遍历规则，介绍如何利用Object.getOwnPropertyDescriptor方法控制属性行为。最后，讲解super关键字的作用，帮助理解原型对象的引用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

文章目录

属性的简洁表示法
属性名表达式
属性的可枚举性和遍历
super 关键字

对象的扩展

属性的简洁表示法

const foo = 'bar';
const baz = {foo};
baz // {foo: "bar"}

// 等同于
const baz = {foo: foo};

方法名也可以简写。

const o = {
  method() {
    return "Hello!";
  }
};

// 等同于

const o = {
  method: function() {
    return "Hello!";
  }
};

属性名表达式

let propKey = 'foo';

let obj = {
  [propKey]: true,
  ['a' + 'bc']: 123
};

属性的可枚举性和遍历

对象的每个属性都有一个描述对象（Descriptor），用来控制该属性的行为。Object.getOwnPropertyDescriptor方法可以获取该属性的描述对象。

let obj = { foo: 123 };
Object.getOwnPropertyDescriptor(obj, 'foo')
//  {
//    value: 123,
//    writable: true,
//    enumerable: true,
//    configurable: true
//  }

enumerable表示属性可以枚举。false时，下面四个操作会忽略掉这个属性。

for…in循环：只遍历对象自身的和继承的可枚举的属性。
Object.keys()：返回对象自身的所有可枚举的属性的键名。
JSON.stringify()：只串行化对象自身的可枚举的属性。
Object.assign()：忽略enumerable为false的属性，只拷贝对象自身的可枚举的属性。

super 关键字

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