How does this object method definition work without the “function” keyword?

by

How is it possible that this runs at all in any browser? Is is some sort of new ES6 functionality?

Yes.

…

Method definitions

A property of an object can also refer to a function or a getter or
setter method.

var o = {
  property: function ([parameters]) {},
  get property() {},
  set property(value) {},
};

In ECMAScript 6, a shorthand notation is available, so that the
keyword “function” is no longer necessary.

// Shorthand method names (ES6)
var o = {
  property([parameters]) {},
  get property() {},
  set property(value) {},
  * generator() {}
};

…

More Related Contents:

  1. Can you bind ‘this’ in an arrow function?
  2. ES6 destructuring function parameter – naming root object
  3. How to extend Function with ES6 classes?
  4. What is “function*” in JavaScript?
  5. Proper use of const for defining functions
  6. JavaScript ES6: Test for arrow function, built-in function, regular function?
  7. Immediate function using JavaScript ES6 arrow functions
  8. Method vs Functions, and other questions
  9. Why can I not use `new` with an arrow function in JavaScript/ES6?
  10. jQuery call function from a string [duplicate]
  11. includes() not working in all browsers
  12. Find all values by specific key in a deep nested object
  13. The reason to use JS .call() method?
  14. Why aren’t methods of an object created with class bound to it in ES6?
  15. Why does `obj.foo = function() { };` not assign the name `foo` to the function?
  16. Javascript function not working, what is wrong? [closed]
  17. How to use variable instead of function name in JavaScript
  18. Is there a better way to do optional function parameters in JavaScript? [duplicate]
  19. Array.fill(Array) creates copies by references not by value [duplicate]
  20. How to import ES6 modules in content script for Chrome Extension
  21. Angular 2 dependency injection in ES5 and ES6
  22. Extending built-in natives in ES6 with Babel
  23. How to add multiple classes to a ReactJS Component?
  24. Browserify, Babel 6, Gulp – Unexpected token on spread operator
  25. Using ‘let’ as a variable name is not throwing any errors in google v8
  26. Is this a good way to clone an object in ES6?
  27. What are getters and setters for in ECMAScript 6 classes?
  28. JavaScript asynchronous programming: promises vs generators
  29. Javascript: Get access to local variable or variable in closure by its name [duplicate]
  30. ES6 arrow function and lexical scope inside a function [duplicate]

Leave a Comment