Is there a better way to do optional function parameters in JavaScript? [duplicate] – Dev

The best answers to the question “Is there a better way to do optional function parameters in JavaScript? [duplicate]” in the category Dev.

QUESTION:

I’ve always handled optional parameters in JavaScript like this:

function myFunc(requiredArg, optionalArg){
  optionalArg = optionalArg || 'defaultValue';

  // Do stuff
}

Is there a better way to do it?

Are there any cases where using || like that is going to fail?

ANSWER:

In ECMAScript 2015 (aka “ES6“) you can declare default argument values in the function declaration:

function myFunc(requiredArg, optionalArg = 'defaultValue') {
    // do stuff
}

More about them in this article on MDN.

This is currently only supported by Firefox, but as the standard has been completed, expect support to improve rapidly.


EDIT (2019-06-12):

Default parameters are now widely supported by modern browsers.
All versions of Internet Explorer do not support this feature. However, Chrome, Firefox, and Edge currently support it.

ANSWER:

Your logic fails if optionalArg is passed, but evaluates as false – try this as an alternative

if (typeof optionalArg === 'undefined') { optionalArg = 'default'; }

Or an alternative idiom:

optionalArg = (typeof optionalArg === 'undefined') ? 'default' : optionalArg;

Use whichever idiom communicates the intent best to you!

ANSWER:

If you need to chuck a literal NULL in, then you could have some issues. Apart from that, no, I think you’re probably on the right track.

The other method some people choose is taking an assoc array of variables iterating through the argument list. It looks a bit neater but I imagine it’s a little (very little) bit more process/memory intensive.

function myFunction (argArray) {
    var defaults = {
        'arg1'  :   "value 1",
        'arg2'  :   "value 2",
        'arg3'  :   "value 3",
        'arg4'  :   "value 4"
    }

    for(var i in defaults) 
        if(typeof argArray[i] == "undefined") 
               argArray[i] = defaults[i];

    // ...
}

ANSWER:

I find this to be the simplest, most readable way:

if (typeof myVariable === 'undefined') { myVariable="default"; }
//use myVariable here

Paul Dixon’s answer (in my humble opinion) is less readable than this, but it comes down to preference.

insin’s answer is much more advanced, but much more useful for big functions!

EDIT 11/17/2013 9:33pm: I’ve created a package for Node.js that makes it easier to “overload” functions (methods) called parametric.