Javascript object literal: what exactly is {a, b, c}?

by 
var f = {a, b, c};

It came with ES6 (ECMAScript 2015) and means exactly the same as:

var f = {a: a, b: b, c: c};

It is called Object Literal Property Value Shorthands (or simply property value shorthand, shorthand properties).

You can also combine shorthands with classical initialization:

var f = {a: 1, b, c};

For more information see Object initializer.

More Related Contents:

  1. When should I use a return statement in ES6 arrow functions
  2. ECMAScript 6 arrow function that returns an object
  3. “Uncaught SyntaxError: Cannot use import statement outside a module” when importing ECMAScript 6
  4. Object destructuring without var, let or const
  5. How do you JSON.stringify an ES6 Map?
  6. What is “new.target”?
  7. What does curly brackets in the `var { … } = …` statements do?
  8. What benefits does ES2015 (ES6) `class` syntax provide?
  9. Square Brackets Javascript Object Key
  10. Official information on `arguments` in ES6 Arrow functions?
  11. What does arrow function ‘() => {}’ mean in Javascript? [duplicate]
  12. Will const and let make the IIFE pattern unnecessary?
  13. Why is let slower than var in a for loop in nodejs?
  14. Using Objects in For Of Loops
  15. Why doesn’t instanceof work on instances of Error subclasses under babel-node?
  16. ECMAScript 6 class destructor
  17. then() callback firing before promise is resolved in node.js [duplicate]
  18. ECMAScript 6: what is WeakSet for?
  19. Are HTMLCollection and NodeList iterables?
  20. How can I mock the imports of an ES6 module?
  21. spread operator vs array.concat()
  22. Replace element at specific position in an array without mutating it
  23. Promises, pass additional parameters to then chain
  24. String interpolation on variable
  25. Why should forEach be preferred over regular iterators?
  26. JavaScript asynchronous programming: promises vs generators
  27. Unnecessary ‘else’ after ‘return’. (No-else-return)
  28. How to add mixins to ES6 javascript classes?
  29. ES6 arrow function and lexical scope inside a function [duplicate]
  30. ESLint: “error Parsing error: The keyword ‘const’ is reserved”

Leave a Comment