5. Object Literal Extensions

ES6 allows declaring object literals by providing shorthand syntax for initializing properties from variables and defining function methods. It also enables the ability to have computed property keys in an object literal definition.

  1. function getCar(make, model, value) {
  2.     return {
  3.         // with property value shorthand
  4.         // syntax, you can omit the property
  5.         // value if key matches variable
  6.         // name
  7.         make,  // same as make: make
  8.         model, // same as model: model
  9.         value, // same as value: value
  11.         // computed values now work with
  12.         // object literals
  13.         ['make' + make]: true,
  15.         // Method definition shorthand syntax
  16.         // omits `function` keyword & colon
  17.         depreciate() {
  18.             this.value -= 2500;
  19.         }
  20.     };
  21. }
  23. let car = getCar('Kia', 'Sorento', 40000);
  24. console.log(car);
  25. // {
  26. //     make: 'Kia',
  27. //     model:'Sorento',
  28. //     value: 40000,
  29. //     makeKia: true,
  30. //     depreciate: function()
  31. // }