ChatGPT解决这个技术问题 Extra ChatGPT

How to check a not-defined variable in JavaScript

I wanted to check whether the variable is defined or not. For example, the following throws a not-defined error

alert( x );

How can I catch this error?

This is not a duplicate of the marked duplicate. Variable resolution and object property resolution are very different things. A better duplicate is how to check if a variable exist in javascript?.
Your error is due to the variable not being declared. Most answers are focused on assignment. See my answer for more. Additionally many of them incorrectly state that null and undefined are objects in JavaScript. They are primitives, not objects...

S
Stephen M Irving

In JavaScript, null is an object. There's another value for things that don't exist, undefined. The DOM returns null for almost all cases where it fails to find some structure in the document, but in JavaScript itself undefined is the value used.

Second, no, there is not a direct equivalent. If you really want to check for specifically for null, do:

if (yourvar === null) // Does not execute if yourvar is `undefined`

If you want to check if a variable exists, that can only be done with try/catch, since typeof will treat an undeclared variable and a variable declared with the value of undefined as equivalent.

But, to check if a variable is declared and is not undefined:

if (yourvar !== undefined) // Any scope

Previously, it was necessary to use the typeof operator to check for undefined safely, because it was possible to reassign undefined just like a variable. The old way looked like this:

if (typeof yourvar !== 'undefined') // Any scope

The issue of undefined being re-assignable was fixed in ECMAScript 5, which was released in 2009. You can now safely use === and !== to test for undefined without using typeof as undefined has been read-only for some time.

If you want to know if a member exists independent but don't care what its value is:

if ('membername' in object) // With inheritance
if (object.hasOwnProperty('membername')) // Without inheritance

If you want to to know whether a variable is truthy:

if (yourvar)

Source


undefined is not a reserved word; you (or someone else's code) can do "undefined = 3" and that will break two of your tests.
"If you know the variable exists but don't know if there's any value stored in it" -- huh?!
I think he is referring to a variable declared that has not been assigned to. eg: var foo; // foo exists but does not have a value
Hmmm... I just noticed the "source" link: this entire post is a direct quote from a mailing list, & should probably be edited to make that more clear, as the original author is not available to clarify.
"In JavaScript null is an object.", that's not actually true, and probably, the culprit of this misconception is the typeof operator (typeof null == 'object'). The null value is a primitive value, which is the only value of the Null type.
P
Peter Mortensen

The only way to truly test if a variable is undefined is to do the following. Remember, undefined is an object in JavaScript.

if (typeof someVar === 'undefined') {
  // Your variable is undefined
}

Some of the other solutions in this thread will lead you to believe a variable is undefined even though it has been defined (with a value of NULL or 0, for instance).


Because the question was IS NOT UNDEFINED here should be typeof someVar !== 'undefined', right?
Really, I don't think so that undefinded is an object, check documentation first developer.mozilla.org/en-US/docs/Web/JavaScript/Data_structures
The only test that does not produce a ReferenceError.
This code is correct, but I think saying undefined is an object in javascript is misinformation. Does this statement relate to your answer anyway? It is a value undefined of type undefined, assigned to the global identifier named undefined.
This is now incorrect in terms of it being the only way. undefined has been readonly since ES5. You can safely test for undefined using if (x === undefined) {...} or using shorthand like this: if (x === void 0).
P
Peter Mortensen

Technically, the proper solution is (I believe):

typeof x === "undefined"

You can sometimes get lazy and use

x == null

but that allows both an undefined variable x, and a variable x containing null, to return true.


if you type var x; and then typeof x; you will get "undefined" just like if you did typeof lakjdflkdsjflsj;
So there is no way to check for undefined but declared variable?
I don't think so; I am not sure why you would want to.
ujndefined shouldn't be between apices
what do you mean by apices?
P
Peter Mortensen

An even easier and more shorthand version would be:

if (!x) {
   //Undefined
}

OR

if (typeof x !== "undefined") {
    //Do something since x is defined.
}

the first code-piece can be incorrect if x is being set from a function call. like x = A(); if A doesnt return anything, it will return "undefined" by default. Doing a !x would be true which would be logically correct. However, if A() returns 0 then !x should be false as x=0. However in JS, !0 is also true.
the second code can be shortened to: if(!typeof(XX)){ ... }else{ ... }
@AlejandroSilva Sorry for late reply. That won't work since typeof returns a string, so it will return 'undefined' for an undefined variable, which in turn will evaluate as TRUE therefore leading to a false positive of a defined var.
Please get rid of the first snippet, it's just bad
Other comments have pointed out that the first example is bad, but not clearly why. So, for any new coders: !x doesn't test whether x is defined, but whether it's truthy. Strings, boolean true, and positive numbers are all truthy (and I might be forgetting some things), but other potentially valid values like 0, boolean false, and an empty string are not truthy. The first example can work for specific use cases (e.g., testing for a string if you can treat empty the same as undefined), but because of the many where it won't, it should not be considered the default way to check.
J
Joe

I've often done:

function doSomething(variable)
{
    var undef;

    if(variable === undef)
    {
         alert('Hey moron, define this bad boy.');
    }
}

Consider changing "==" to "===". If you call doSomething(null) you will also get the alert. Unless that's what you want.
Yep. You have to decide if you want equivalent or exactly equal. Either case could have a use.
simplye check like this-> if(typeof variableName !== 'undefined'){ alert(variableName);}
this is useless since you won't be able to pass an undefined var to a function anyway
Sure you can. Try calling a function with no argument.
s
svarog

The void operator returns undefined for any argument/expression passed to it. so you can test against the result (actually some minifiers change your code from undefined to void 0 to save a couple of characters)

For example:

void 0
// undefined

if (variable === void 0) {
    // variable is undefined
}

Ding ding! This is the correct answer. Shame it is all the way at the bottom. Everyone is so hung up on still using typeof and thinking undefined can be reassigned, which hasn't been possible for about a decade.
This was also safe before ES5 because back then even if you had reassigned undefined ,for God only knows what reason, using void 0 will always return undefined regardless.
A
Alex from Jitbit

Sorry for necromancing, but most of the answers here confuse 'undefined' and 'not defined'

Undefined - a variable is declared but it's value is undefined. Not defined - a variable is not even declared.

The only safe way to check for both cases is use typeof myVar === 'undefined'

myVar === undefined will only check for case number (1). It will still throw "myVar is not defined" for case number (2) if myVar is not even declared. The OP specifically asks about the "not even defined" case (2).

P.S. I do understand that "case 2" is becoming rare in the modern ES6 world, but some old legacy components still live in the past.


I prefer this answer over the accepted one
F
Fka

The error is telling you that x doesn’t even exist! It hasn’t been declared, which is different than being assigned a value.

var x; // declaration
x = 2; // assignment

If you declared x, you wouldn’t get an error. You would get an alert that says undefined because x exists/has been declared but hasn’t been assigned a value.

To check if the variable has been declared, you can use typeof, any other method of checking if a variable exists will raise the same error you got initially.

if(typeof x  !==  "undefined") {
    alert(x);
}

This is checking the type of the value stored in x. It will only return undefined when x hasn’t been declared OR if it has been declared and was not yet assigned.


undefined has been readonly since ES5 (2009 release) and you no longer need the typeof operator.
undefined !== not defined, thank you for this answer. If you go if(variable) and its not defined you stil get an error, not with typeof.
u
ubershmekel

Another potential "solution" is to use the window object. It avoids the reference error problem when in a browser.

if (window.x) {
    alert('x exists and is truthy');
} else {
    alert('x does not exist, or exists and is falsy');
}

This doesn't solve the original question at all and is totally irrelevant. Poster was not asking how to test if something is truthy or falsey, he asked how to test for undefined. This will not do that.
Although I agree with Stephen, that this does not actualy anwer the question, it was exactly what I was looking for. Thanks @ubershmekel, idea to add "window" object helped me. +1
A
Alireza

Just do something like below:

function isNotDefined(value) {
  return typeof value === "undefined";
}

and call it like:

isNotDefined(undefined); //return true
isNotDefined('Alireza'); //return false

J
John

You can also use the ternary conditional-operator:

var a = "hallo world"; var a = !a ? document.write("i dont know 'a'") : document.write("a = " + a);

//var a = "hallo world"; var a = !a ? document.write("i dont know 'a'") : document.write("a = " + a);


What if var a = false;? You should check that if a===undefined instead
Question: check a not-defined variable..... This is undefined variable: var x; doing above will throw an error
"If a = false, then it will show "i dont know 'a'"" – That's the problem, the question is to test if it's defined, not whether it's true. If a is defined as false, then a is not undefined. This returns the wrong result in that case. See my comment on stackoverflow.com/a/858270/2055492 for more detail on why this approach doesn't work.
not only will !a test true for undefined, it also tests true for 0 and null and false. This is very incorrect and should be removed.
s
simhumileco

I often use the simplest way:

var variable;
if (variable === undefined){
    console.log('Variable is undefined');
} else {
    console.log('Variable is defined');
}

EDIT:

Without initializing the variable, exception will be thrown "Uncaught ReferenceError: variable is not defined..."


Uncaught ReferenceError: variable is not defined
@MuhammadUmer, wrong! variable is defined by var variable;. And this snippet will override variable in local scope. It can break logic which expects to access a closure or global variable. I.e: var variable = 1; function test() { var variable; if (variable === undefined){ console.log('Variable is undefined'); } else { console.log('Variable is defined: ' + variable); } } test(); // Variable is undefined
Е
Евгений Савичев

The accepted answer is correct. Just wanted to add one more option. You also can use try ... catch block to handle this situation. A freaky example:

var a;
try {
    a = b + 1;  // throws ReferenceError if b is not defined
} 
catch (e) {
    a = 1;      // apply some default behavior in case of error
}
finally {
    a = a || 0; // normalize the result in any case
}

Be aware of catch block, which is a bit messy, as it creates a block-level scope. And, of course, the example is extremely simplified to answer the asked question, it does not cover best practices in error handling ;).


A
Arshid KV

We can check undefined as follows

var x; 

if (x === undefined) {
    alert("x is undefined");
} else {
     alert("x is defined");
}

M
MistyDawn

I use a small function to verify a variable has been declared, which really cuts down on the amount of clutter in my javascript files. I add a check for the value to make sure that the variable not only exists, but has also been assigned a value. The second condition checks whether the variable has also been instantiated, because if the variable has been defined but not instantiated (see example below), it will still throw an error if you try to reference it's value in your code.

Not instantiated - var my_variable; Instantiated - var my_variable = "";

function varExists(el) { 
  if ( typeof el !== "undefined" && typeof el.val() !== "undefined" ) { 
    return true; 
  } else { 
    return false; 
  } 
}

You can then use a conditional statement to test that the variable has been both defined AND instantiated like this...

if ( varExists(variable_name) ) { // checks that it DOES exist } 

or to test that it hasn't been defined and instantiated use...

if( !varExists(variable_name) ) { // checks that it DOESN'T exist }

Why not return your predicate right away? return typeof el !== "undefined" && typeof el.val() !== "undefined"