tags:

views:

799

answers:

5

Hello,

I'm a bit confused about Javascript undefined & null.

Firstly what does if (!testvar) actually do? Does it test for undefined and null or just undefined?

Secondly, once a variable is defined can I clear it back to undefined (therefore deleting the variable).

Thirdly, can I pass undefined as a parameter? e.g:

function test(var1, var2, var3) {
}

test("value1", undefined, "value2")

Thanks,

AJ

+1  A: 

To answer your first question, the not operator (!) will coerce whatever it is given into a boolean value. So null, 0, false, NaN and "" (empty string) will all appear false.

Skilldrick
And also empty string and NaN (Not a number)
MBO
Don't forget `""`.
Steve Harrison
`undefined` will not appear as `false`, it will throw a 'is not defined' error.
Tatu Ulmanen
Tatu Ulmanen: not true. `if (undefined) {/* Do stuff*/}` will not give an error, since `undefined` exists as a property of the global object. What will give an error is something like `if (someUndeclaredVariable) {/* Do stuff*/}`
Tim Down
A: 

The best way to check for a null values is

if ( testVar !== null )
{
    // do action here
}

and for undefined

if ( testVar !== undefined )
{
    // do action here
}

You can assign a avariable with undefined.

testVar = undefined;
//typeof(testVar) will be equal to undefined.
rahul
!== for safety?
Skilldrick
The best way to check for null values is to use `!==`, not `!=`
MBO
+5  A: 
Tatu Ulmanen
The triple-equals checks for type as well, so no type coercion is carried out. Douglas Crockford advises against using the type-coercing operators (`==` and `!=`).
Skilldrick
You can define something as undefined. `var a= undefined`. You can pass `fn(undefined)`. If you want to find the difference between an undefined property `p` of an object `o`, and a property `p` that has defined and set to `undefined`, you have to use the `'p' in o` operator.
bobince
Is there a reason why one should not test for `testvar === undefined` rather than the more complicated `typeof(testvar) === "undefined"`?
ddaa
In general, `typeof` tests are intended to support cross-frame scripting: that is to say, each document object has its own copy of the basic datatypes, so `s instanceof String` will fail when `s` is from a different document. However, I believe `undefined` is, as an exception, the same object from document to document, so it may not be necessary in this case.
bobince
There is another good reason for using a `typeof` test for undefined variables: unlike `null`, `undefined` is simply a property of the global object and may itself be redefined. It only takes a particular coding style and a missing equals sign and `undefined` is silently changed: `if (undefined = someVar) {...}`
Tim Down
bobince: `s instanceof String` isn't a great example, since strings have the primitive/object confusion (`"blah" instanceof String` returns `false`, for example). `arr instanceof Array` is a more likely example of how you could get stung by an object coming from a different document.
Tim Down
A: 

The for if (something) and if (!something) is commonly used to check if something is defined or not defined. For example:

if (document.getElementById)

The identifier is converted to a boolean value, so undefined is interpreted as false. There are of course other values (like 0 and '') that also are interpreted as false, but either the identifier should not reasonably have such a value or you are happy with treating such a value the same as undefined.

Javascript has a delete operator that can be used to delete a member of an object. Depending on the scope of a variable (i.e. if it's global or not) you can delete it to make it undefined.

There is no undefined keyword that you can use as an undefined literal. You can omit parameters in a function call to make them undefined, but that can only be used by sending less paramters to the function, you can't omit a parameter in the middle.

Guffa
+36  A: 

I'm a bit confused about Javascript undefined & null.

Don't be confused about null. It generally makes sense and behaves similarly to other scripting languages' concepts of the out-of-band ‘null’, ‘nil’ or ‘None’ objects.

undefined, on the other hand, is a weird JavaScript quirk. It's a singleton object that represents out-of-band values, essentially a second similar-but-different null. It comes up:

(1) When you call a function with fewer arguments than the arguments list in the function statement lists, the unpassed arguments are set to undefined. You can test for that with eg.:

function dosomething(arg1, arg2) {
    if (arg2===undefined)
        arg2= DEFAULT_VALUE_FOR_ARG2;
    ...
}

With this method you can't tell the difference between dosomething(1) and dosomething(1, undefined); arg2 will be the same value in both. If you need to tell the difference you can look at arguments.length, but doing optional arguments like that isn't generally very readable.

(2) When a function has no return value;, it returns undefined. There's generally no need to use such a return result.

(3) When you declare a variable by having a var a statement in a block, but haven't yet assigned a value to it, it is undefined. Again, you shouldn't really ever need to rely on that.

(4) The spooky typeof operator returns 'undefined' when its operand is a simple variable that does not exist, instead of throwing an error as would normally happen if you tried to refer to it. (You can also give it a simple variable wrapped in parentheses, but not a full expression involving a non-existant variable.) Not much use for that, either.

(5) This is the controversial one. When you access a property of an object which doesn't exist, you don't immediately get an error like in every other language. Instead you get an undefined object. (And then when you try to use that undefined object later on in the script it'll go wrong in a weird way that's much more difficult to track down than if JavaScript had just thrown an error straight away.)

This is often used to check for the existance of properties:

if (o.prop!==undefined) // or often as truthiness test, if (o.prop)
   ...do something...

However, because you can assign undefined like any other value:

o.prop= undefined;

that doesn't actually detect whether the property is there reliably. Better to use the in operator, which wasn't in the original Netscape version of JavaScript, but is available everywhere now:

if ('prop' in o)
    ...

In summary, undefined is a JavaScript-specific mess, which confuses everyone. Apart from optional function arguments, where JS has no other more elegant mechanism, undefined should be avoided. It should never have been part of the language; null would have worked just fine for (2) and (3), and (4) is a misfeature that only exists because in the beginning JavaScript had no exceptions.

what does if (!testvar) actually do? Does it test for undefined and null or just undefined?

Such a ‘truthiness’ test checks against undefined, null, 0, NaN and empty strings. But in this case, yes, it is really undefined it is concerned with. IMO, it should be more explicit about that and say if (testvar!==undefined).

once a variable is defined can I clear it back to undefined (therefore deleting the variable).

You can certainly assign undefined to it, but that won't delete the variable. Only the delete object.property operator really removes things.

delete is really meant for properties rather than variables as such. Browsers will let you get away with straight delete variable, but it's not a good idea and won't work in ECMAScript Fifth Edition's strict mode. If you want to free up a reference to something so it can be garbage-collected, it would be more usual to say variable= null.

can I pass undefined as a parameter?

Yes.

bobince
Nice summary. Regarding 4) it's more a perl heritage, like it was in ruby prior to 1.9, to allow ticks like x=foo.bar||default
stereofrog
What a fantastic answer. I've just failed the JavaScript test: http://perfectionkills.com/javascript-quiz/Later I'm going to re-read your answer and try the test again!
Skilldrick
SO's kangax, there, with the scary JS-obsession. :-) I didn't get them all either! Reminded me of one more case that results in `undefined` though — added.
bobince
A slight error: (4) The spooky typeof operator returns "undefined" rather than `undefined`. And I always use `typeof` to check for undefined variables: `undefined` can be reassigned, since it's just a property of the global object. Also, the `in` operator only made it into IE in version 5.5, but I don't suppose that's going to affect many people now.
Tim Down
fixed, ta. (I tend not to worry too much about reassignment, as there are so many things a script could redefine to mess everything up that the general case is impossible to solve.)
bobince