What is the meaning of “foo(…arg)” (three dots in a function call)?

by

This has nothing to do with jQuery or Angular. It’s a feature that was introduced in ES2015.

This particular use of ... doesn’t actually have an official name. A name that is in line with other uses would be “spread argument” (a generic term would be “spread syntax”). It “explodes” (spreads) an iterable and passes each value as argument to the function. Your example is equivalent to:

this.heroes.push.apply(this.heroes, Array.from(heroes));

Besides being more concise, another advantage of ... here is that it can be more easily used with other concrete arguments:

func(first, second, ...theRest);

// as opposed to the following or something similar:
 func.apply(null, [first, second].concat(Array.from(heroes)));

More Related Contents:

  1. How to stop event propagation with inline onclick attribute?
  2. Scroll Automatically to the Bottom of the Page
  3. Check if image exists on server using JavaScript?
  4. How to run a function when the page is loaded?
  5. Reload an iframe with jQuery
  6. Remember and Repopulate File Input [duplicate]
  7. How to execute shell command in Javascript
  8. Node.js document is not defined
  9. Finding line-wraps
  10. How to remove an HTML element using Javascript?
  11. Get and Set a Single Cookie with Node.js HTTP Server
  12. Limit concurrency of promise being run
  13. How to build simple jQuery image slider with sliding or opacity effect?
  14. How to check if the URL contains a given string?
  15. How to adapt trampolines to Continuation Passing Style?
  16. Javascript getElementById based on a partial string
  17. What html tags support the onload/onerror javascript event attributes?
  18. Javascript – Regex to validate date format [duplicate]
  19. Multicolor Text Highlighting in a Textarea or Text Input
  20. Setting value of Observable not updating in Knockout
  21. Updating nested data in redux store
  22. JavaScript Extending Class
  23. Javascript array sort and unique
  24. DOM Mutation event in JQuery or vanilla Javascript
  25. Firebase HTTP Cloud Functions – Read database once
  26. How to update the document ID in firebase firestore? [duplicate]
  27. What is “Mounting” in React js?
  28. jQuery append and remove dynamic table row
  29. How do I get the last 5 elements, excluding the first element from an array?
  30. ESLint: “error Parsing error: The keyword ‘const’ is reserved”

Leave a Comment