Checking if a variable exists in javascript

Question

I know there are two methods to determine if a variable exists and not null(false, empty) in javascript:

1) if ( typeof variableName !== 'undefined' && variableName )

2) if ( window.variableName )

which one is more preferred and why?

Why `window.variableName`? If the variable is local, that will turn up undefined even if the variable is defined. — Asad Saeeduddin, May 23 '13 at 16:32
Also, being "not null" is orthogonal to whether the value of the variable is `false`. — Asad Saeeduddin, May 23 '13 at 16:33
Coffeescript has its own operator for this problem and the JS code generated from it is quite interesting. http://stackoverflow.com/questions/9992620/coffeescript-existential-operator-and-this — Bjoern Rennhak, May 23 '13 at 16:37

score 115 · Accepted Answer · edited May 24 '18 at 19:38

115

A variable is declared if accessing the variable name will not produce a ReferenceError. The expression typeof variableName !== 'undefined' will be false in only one of two cases:

the variable is not declared (i.e., there is no var variableName in scope), or
the variable is declared and its value is undefined (i.e., the variable's value is not defined)

Otherwise, the comparison evaluates to true.

If you really want to test if a variable is declared or not, you'll need to catch any ReferenceError produced by attempts to reference it:

var barIsDeclared = true; 
try{ bar; }
catch(e) {
    if(e.name == "ReferenceError") {
        barIsDeclared = false;
    }
}

If you merely want to test if a declared variable's value is neither undefined nor null, you can simply test for it:

if (variableName !== undefined && variableName !== null) { ... }

Or equivalently, with a non-strict equality check against null:

if (variableName != null) { ... }

Both your second example and your right-hand expression in the && operation tests if the value is "falsey", i.e., if it coerces to false in a boolean context. Such values include null, false, 0, and the empty string, not all of which you may want to discard.

edited May 24 '18 at 19:38

yiwei

4,022
9
36
54

answered May 23 '13 at 16:35

apsillers

112,806
17
235
239

What's the difference between "a variable is not declared" and " a variable is undeclared"? – TZubiri Feb 09 '17 at 19:29
@TomasZubiri There is no difference; I've just now changed "test if a variable is undeclared" to "test if a variable is declared or not". I hope that's more clear. – apsillers Feb 09 '17 at 19:46
Oh I get it, because the other test would return false if the variable was declared but the value was undefined. – TZubiri Feb 09 '17 at 20:03
Is it really necessary to check the error name ? Just curious that what could be errors other than ReferenceError ? – Sid Aug 06 '17 at 08:58
@Sid The only one I was thinking of was if `bar` has an underlying getter that throws an error: `Object.defineProperty(window, "bar", { get: function (){ throw "something"; })` – apsillers Aug 06 '17 at 10:39
Thanks @apsillers. That makes sense. – Sid Aug 06 '17 at 10:47

David L · Answer 2 · 2013-05-23T16:44:31.970

21

It is important to note that 'undefined' is a perfectly valid value for a variable to hold. If you want to check if the variable exists at all,

if (window.variableName)

is a more complete check, since it is verifying that the variable has actually been defined. However, this is only useful if the variable is guaranteed to be an object! In addition, as others have pointed out, this could also return false if the value of variableName is false, 0, '', or null.

That said, that is usually not enough for our everyday purposes, since we often don't want to have an undefined value. As such, you should first check to see that the variable is defined, and then assert that it is not undefined using the typeof operator which, as Adam has pointed out, will not return undefined unless the variable truly is undefined.

if ( variableName  && typeof variableName !== 'undefined' )

edited May 23 '13 at 16:44

answered May 23 '13 at 16:35

David L

32,885
8
62
93

While undefined might by a valid value for a variable to hold, checking typeof will not return undefined unless the variable truly is undefined. – Adam Jenkins May 23 '13 at 16:38
5

`if (window.variableName)` has a major flaw, in that it will return a false negative for anything that **has** been defined, but is falsy. So any variables that are `false`, `0`, `''`, `null`, or others will give the wrong result. – Andrzej Doyle May 23 '13 at 16:39
Thanks for the excellent points. It further helped to solidify my own understanding and I've updated my answer to reflect your comments. – David L May 23 '13 at 16:45
The `window.` helped me get rid of an referenceexception here. Thanks. – jumps4fun Jan 14 '19 at 15:02
`if ( variableName && typeof variableName !== 'undefined' )` is reversed...it should be `if ( typeof variableName !== 'undefined' && variableName )` . My page was crashing until I flipped these two conditions. – user2662680 Aug 27 '20 at 16:59

score 14 · Answer 3 · edited Jan 27 '16 at 22:49

14

If you want to check if a variable (say v) has been defined and is not null:

if (typeof v !== 'undefined' && v !== null) {
    // Do some operation  
}

If you want to check for all falsy values such as: undefined, null, '', 0, false:

if (v) {
   // Do some operation
}

edited Jan 27 '16 at 22:49

peak

105,803
17
152
177

answered May 23 '13 at 17:45

Fizer Khan

88,237
28
143
153

Alexander Mihailov · Answer 4 · 2017-01-13T20:29:52.060

5

I'm writing an answer only because I do not have enough reputations to comment the accepted answer from apsillers. I agree with his answer, but

If you really want to test if a variable is undeclared, you'll need to catch the ReferenceError ...

is not the only way. One can do just:

this.hasOwnProperty("bar")

to check if there is a variable bar declared in the current context. (I'm not sure, but calling the hasOwnProperty could also be more fast/effective than raising an exception) This works only for the current context (not for the whole current scope).

edited Jan 13 '17 at 20:29

answered Jan 13 '17 at 18:19

Alexander Mihailov

1,050
1
12
19

Not working with the non-global variables e.g. variables within the function. – Martin L. Feb 22 '20 at 16:06
What do you mean by that? (did you read the last sentence of my answer, i.e. context vs. scope ...) – Alexander Mihailov Feb 25 '20 at 17:06

score 1 · Answer 5 · answered May 23 '13 at 16:42

if ( typeof variableName !== 'undefined' && variableName )
//// could throw an error if var doesnt exist at all

if ( window.variableName )
//// could be true if var == 0

////further on it depends on what is stored into that var
// if you expect an object to be stored in that var maybe
if ( !!window.variableName )
//could be the right way

best way => see what works for your case

score 0 · Answer 6 · answered Mar 03 '17 at 14:21

0

I found this shorter and much better:

    if(varName !== (undefined || null)) { //do something }

answered Mar 03 '17 at 14:21

Jonas Tomanga

1,069
10
19

1

This will not work. `(undefined || null)` evaluates to `null`. This statement is basically just `if (varName !== null)`. – orj May 11 '19 at 03:24

score -1 · Answer 7 · answered May 23 '13 at 16:37

if (variable) can be used if variable is guaranteed to be an object, or if false, 0, etc. are considered "default" values (hence equivalent to undefined or null).

typeof variable == 'undefined' can be used in cases where a specified null has a distinct meaning to an uninitialised variable or property. This check will not throw and error is variable is not declared.

score -1 · Answer 8 · answered Apr 25 '21 at 10:19

-1

You can simply do if(variableName){console.log("Variable exist")}

answered Apr 25 '21 at 10:19

MD SHAYON

7,001
45
38

Checking if a variable exists in javascript

8 Answers8

Linked