Why should use “apply”?

by

In this case, the log function may accept any number of arguments.

Using .apply(), it doesn’t matter how many arguments are passed. You can give the set to console.log(), and they will arrive as individual arguments.

So if you do:

console.log(arguments)

…you’re actually giving console.log a single Arguments object.

But when you do:

console.log.apply( console, arguments );

…it’s as though you passed them separately.

Other useful examples of using .apply() like this can be demonstrated in other methods that can accept a variable number of arguments. One such example is Math.max().

A typical call goes like this:

var max = Math.max( 12,45,78 );  // returns 78

…where it returns the largest number.

What if you actually have an Array of values from which you need the largest? You can use .apply() to pass the collection. Math.max will think they were sent as separate arguments instead of an Array.

var max = Math.max.apply( null, [12,45,92,78,4] );  // returns 92

As you can see, we don’t need to know in advance how many arguments will be passed. The Array could have 5 or 50 items. It’ll work either way.

More Related Contents:

  1. How to decide when to use Node.js?
  2. What is the scope of variables in JavaScript?
  3. How to simulate a mouse click using JavaScript?
  4. How to turn this callback into a promise using async/await?
  5. Javascript: formatting a rounded number to N decimals
  6. Replace multiple whitespaces with single whitespace in JavaScript string
  7. How to convert a String to Bytearray
  8. How does a function in a loop (which returns another function) work? [duplicate]
  9. About closure, LexicalEnvironment and GC
  10. javascript can’t access private properties
  11. Calling setState in a loop only updates state 1 time
  12. How to find a reason AngularJS “Argument ‘MyCtrl’ is not a function, got undefined”
  13. What is the javascript MIME type for the type attribute of a script tag? [duplicate]
  14. TypeError: $(…).DataTable is not a function
  15. When using callbacks inside a loop in javascript, is there any way to save a variable that’s updated in the loop for use in the callback? [duplicate]
  16. How can Print Preview be called from Javascript?
  17. Are there still reasons to use promise libraries like Q or BlueBird now that we have ES6 promises? [closed]
  18. Stop page execution like the alert() function
  19. Load multiple files using the d3-fetch module
  20. Split string on the first white space occurrence
  21. How to include javaScript file in xslt
  22. What’s the difference between cancelBubble and stopPropagation?
  23. array join() method without a separator
  24. Change route params without reloading in Angular 2
  25. Custom Upload Button
  26. Share a single service between multiple angular.js apps
  27. How to trigger CSS “hover state” using Javascript? [duplicate]
  28. Programmatically set the value of a type=”file” input HTML element? [duplicate]
  29. Javascript using round to the nearest 10 [duplicate]
  30. focus on next tabindex of HTML element onEnter keypress by JQuery

Leave a Comment