Please enable JavaScript.

Coggle requires JavaScript to display documents.

5.3: ES6 object features - Coggle Diagram

5.3: ES6 object features

object literal extensions

concise properties

when a property value matches a property name

pre-ES6

let obj1 = {
  start: 1,
  end: 100,
  multiple: multiple,
};

ES6

let obj1 = {
  start: 1,
  end: 100,
  multiple,
};

concise methods

pre-ES6

let obj1 = {
  firstName: "Renay",
  lastName: "Earnshaw",
  fullName: function () {
    console.log(this.firstName + " " + this.lastName);
  },
};

ES6

let obj1 = {
  firstName: "Renay",
  lastName: "Earnshaw",
  fullName() {
    console.log(this.firstName + " " + this.lastName);
  },
};

object static functions

Object.setPrototypeOf()

let objProto = {
  fullName() {
    console.log(this.firstName + " " + this.lastName);
  },
};

let obj = {
  firstName: "Renay",
  lastName: "Earnshaw",
};

Object.setPrototypeOf(obj, objProto);

Object.assign()

let obj = {
  start: 0,
};

let obj1 = {
  a: 5,
};

let obj2 = {
  b: 10,
};

let obj3 = {
  c: 15,
};

Object.assign(obj, obj1, obj2, obj3);