es6 对象的新增属性

景尘

于 2021-03-16 10:10:01 发布

阅读量769

点赞数

CC 4.0 BY-SA版权

文章标签：对象新增属性

69 篇文章 ¥99.90 ¥299.90

订阅专栏

本文详细介绍了ES6中对象的新增特性，包括属性的简写、属性名表达式、super关键字的使用、扩展运算符的应用、属性的遍历方式以及对象新增的方法如Object.is()、Object.assign()等。通过对这些特性和方法的学习，可以更深入地理解和运用ES6中的对象操作。

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

ES6中，当对象键名与对应值名相等的时候，可以进行简写

const baz = {foo:foo}

// 等同于
const baz = {foo}

方法也能够进行简写

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

// 等同于

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

在函数内作为返回值，也会变得方便很多

function getPoint() {
  const x = 1;
  const y = 10;
  return {x, y};
}

getPoint()
// {x:1, y:10}

注意：简写的对象方法不能用作构造函数，否则会报错

const obj = {
  f() {
    this.foo = 'bar';
  }
};

new obj.f() // 报错

了解本专栏