setting a default value to an undefined variable in javascript

Question

Ideally I want to be able to write something like:

function a( b ) {
    b.defaultVal( 1 );
    return b;
}

The intention of this is that if b is any defined value, b will remain as that value; but if b is undefined, then b will be set to the value specified in the parameter of defaultVal(), in this case 1.

Is this even possible?

Ive been toying about with something like this:

String.prototype.defaultVal=function(valOnUndefined){
    if(typeof this==='undefined'){
        return valOnUndefined;
    }else{
        return this;
    }
};

But I'm not having any success applying this kind of logic to any variable, particularly undefined variables.

Does anyone have any thoughts on this? Can it be done? Or am I barking up the wrong tree?

technically, I can't see how the prototype would work, since it'd have to be a string BEFORE the initialization could be called, so it'd never be undefined in the first place — Marc B
– Marc B, Commented Sep 13, 2012 at 15:32
The prototype code I put up there doesnt work (why Im toying about with it) - it would be ideal if I could access the prototype object of an undefined variable. But Im not sure if this is possible. — Jimmery
– Jimmery, Commented Sep 13, 2012 at 15:37

Deqing · Accepted Answer · 2013-12-10 03:15:38Z

12

Why not use the default operator:

function someF(b)
{
    b = b || 1;
    return b;
}

Job done! Here's more info about how it works.

Just as a side-note: your prototype won't work, because you're augmenting the String prototype, whereas if your variable is undefined, the String prototype doesn't exactly apply.

To be absolutely, super-duper-sure that you're only switching to the default value, when b really is undefined, you could do this:

var someF = (function(undefined)//get the real undefined value
{
    return function(b)
    {
        b = b === undefined ? 1 : b;
        return b;
    }
})(); // by not passing any arguments

edited Dec 10, 2013 at 3:15

Deqing

14.8k17 gold badges99 silver badges137 bronze badges

answered Sep 13, 2012 at 15:37

Elias Van Ootegem

76.7k10 gold badges123 silver badges160 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jimmery Over a year ago

consider this: function someF(b){ b = b || true; return b; } this call: someF() would return true, but this call: someF(false) would return true - so this method is flawed when working with boolean values.

Vala Over a year ago

Kind of. This works for strings and various other objects, it does not however work for all objects, such as booleans and ints. 0, false, etc. will be overwritten by your "default". I wouldn't refer to || as "the default operator", as it really isn't. It's an inclusive OR, and you should probably be aware of the full effects of it before using it like this.

Elias Van Ootegem Over a year ago

I've updated my answer to avoid issues with falsy values being passed to the function causing unexpected return values. It's a but much, though. You could use function foo(b){ b = b === undefined : b;, too. But undefined can be reassigned (undefined = 1), which would break the function, that's why I'm using a closure

BLSully · Accepted Answer · 2012-09-13 15:35:24Z

9

Well the most important thing to learn here is if a variable is undefined you, by default, do not have any methods available on it. So you need to use a method that can operate on the variable, but is not a member/method of that variable.

Try something like:

function defaultValue(myVar, defaultVal){
    if(typeof myVar === "undefined") myVar = defaultVal;
    return myVar;
}

What you're trying to do is the equivalent of this:

undefined.prototype.defaultValue = function(val) { }

...Which for obvious reasons, doesn't work.

answered Sep 13, 2012 at 15:35

BLSully

5,9291 gold badge29 silver badges46 bronze badges

3 Comments

Vala Over a year ago

This. You could also shorten it a little if desired: return myVar !== undefined ? myVar : defaultVal;

victordobry Over a year ago

@Thor84no, no, because undefined may be overriden. But there is even shorter valid option: return myVar !== void 0 ? myVar : defaultValue;.

Vala Over a year ago

@VictorDombrovsky Perhaps, but if you feel the need to guard against overriding of undefined you're working in code hell.

Noel · Accepted Answer · 2017-01-05 13:36:27Z

3

While the two answers already provided are correct, the language has progressed since then. If your target browsers support it, you can use default function parameters like this:

function greetMe(greeting = "Hello", name = "World") {
  console.log(greeting + ", " + name + "!");
}

greetMe(); // prints "Hello, World!"
greetMe("Howdy", "Tiger"); // prints "Howdy, Tiger!"

Here are the MDN docs on default function parameters.

answered Jan 5, 2017 at 13:36

Noel

3,6461 gold badge28 silver badges44 bronze badges

Collectives™ on Stack Overflow

setting a default value to an undefined variable in javascript

3 Answers 3

3 Comments

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

3 Comments

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related