ES2015/2016 way of 'typeof varName === 'undefined`?

JavascriptEcmascript 6Ecmascript 2016

Javascript Problem Overview


I'm wallowing in ES2015+ luxury with a few projects right now and am wondering whether I can get rid of the much hated crutch to check for undefined in the new wonderland.

Is there a shorter but still exact way to typeof varName === 'undefined' in ES2015+ already?

Of course I could use default parameters but this also feels like an unnecessary assignment.

function coolFn(a = null){
   if (a===null) console.log("no a supplied");
}

Javascript Solutions


Solution 1 - Javascript

Just check for varName === undefined.

In older browsers it was possible to assign an alternate value to the global undefined variable causing that test to fail, but in ES2015+ that's now impossible.

Note that there's no way to distinguish explicitly passing undefined as a parameter from leaving the parameter out altogether other than by looking at arguments.length.

Solution 2 - Javascript

The only case where typeof varName === 'undefined' is useful is when you don't know whether the variable varName has been declared.

And IMO if you don't know whether your variables are declared, your code has serious problems.

In other cases you have better options:

  • varName === void 0

    This will detect whether varName is undefined.

    void is an operator which receives an argument (you can use whatever instead of 0), and returns undefined.

  • varName === undefined

    This should detect whether varName is undefined.

    However, be aware the global undefined could have been overwritten (before ES5) or shadowed with another value. Therefore I prefer void, which is also shorter.

  • varName == null

    This will detect whether varName is undefined or is null.

  • !varName

    This will detect whether varName is falsy (undefined, null, 0, empty string, NaN, false).

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionHedgeView Question on Stackoverflow
Solution 1 - JavascriptAlnitakView Answer on Stackoverflow
Solution 2 - JavascriptOriolView Answer on Stackoverflow