Handling optional parameters in javascript

by

You can know how many arguments were passed to your function and you can check if your second argument is a function or not:

function getData (id, parameters, callback) {
  if (arguments.length == 2) { // if only two arguments were supplied
    if (Object.prototype.toString.call(parameters) == "[object Function]") {
      callback = parameters; 
    }
  }
  //...
}

You can also use the arguments object in this way:

function getData (/*id, parameters, callback*/) {
  var id = arguments[0], parameters, callback;

  if (arguments.length == 2) { // only two arguments supplied
    if (Object.prototype.toString.call(arguments[1]) == "[object Function]") {
      callback = arguments[1]; // if is a function, set as 'callback'
    } else {
      parameters = arguments[1]; // if not a function, set as 'parameters'
    }
  } else if (arguments.length == 3) { // three arguments supplied
      parameters = arguments[1];
      callback = arguments[2];
  }
  //...
}

If you are interested, give a look to this article by John Resig, about a technique to simulate method overloading on JavaScript.

More Related Contents:

  1. Total sum is NaN – Javascript
  2. Why is setState in reactjs Async instead of Sync?
  3. Updating a Nested Array with MongoDB
  4. Issue in returning data retrieved from DB queries called in the loop
  5. setImmediate vs. nextTick
  6. Passing environment-dependent variables in webpack
  7. How to get a URL parameter in Express?
  8. Is there a jQuery autogrow plugin for text fields?
  9. Finding all indexes of a specified character within a string
  10. Webkit-based blurry/distorted text post-animation via translate3d
  11. Skip arguments in a JavaScript function
  12. How to retrieve the element where a contextmenu has been executed
  13. How to create an array in JavaScript whose indexing starts at 1?
  14. Obtain a reference to parent element [duplicate]
  15. How do I encode a JavaScript object as JSON?
  16. programmatically changing webkit-transformation values in animation rules
  17. JavaScript, elegant way to check nested object properties for null/undefined [duplicate]
  18. How can I return a random value from an array?
  19. Manually triggering the iPhone/iPad/iPod keyboard from JavaScript
  20. How to cancel a subscription in Angular2
  21. Event fired when clearing text input on IE10 with clear icon
  22. What are asynchronous functions in JavaScript? What is “async” and “await” in JavaScript?
  23. Fix the upstream dependency conflict installing NPM packages
  24. jQuery/JS, iOS 4 and $(document).height() problems
  25. Selenium WebDriver wait till element is displayed
  26. Create XML in JavaScript
  27. Get Correct keyCode for keypad(numpad) keys
  28. call javascript function on hyperlink click
  29. Observe mutations on a target node that doesn’t exist yet
  30. detect whether ES Module is run from command line in Node

Leave a Comment