What’s the reason to use === instead of == with typeof in Javascript?

by

To answer the main question – there is no danger in using typeof with ==. Below is the reason why you may want to use === anyway.

The recommendation from Crockford is that it’s safer to use === in many circumstances, and that if you’re going to use it in some circumstances it’s better to be consistent and use it for everything.

The thinking is that you can either think about whether to use == or === every time you check for equality, or you can just get into the habit of always writing ===.

There’s hardly ever a reason for using == over === – if you’re comparing to true or false and you want coercion (for example you want 0 or '' to evaluate to false) then just use if(! empty_str) rather than if(empty_str == false).

To those who don’t understand the problems of == outside of the context of typeof, see this, from The Good Parts:

'' == '0'          // false
0 == ''            // true
0 == '0'           // true

false == 'false'   // false
false == '0'       // true

false == undefined // false
false == null      // false
null == undefined  // true

' \t\r\n ' == 0    // true

More Related Contents:

  1. Why is null an object and what’s the difference between null and undefined?
  2. Why does typeof array with objects return “object” and not “array”? [duplicate]
  3. What is the difference between typeof and instanceof and when should one be used vs. the other?
  4. Better way to get type of a Javascript variable?
  5. What’s the point of new String(“x”) in JavaScript?
  6. When iterating over values, why does typeof(value) return “string” when value is a number? JavaScript
  7. Why does Array.filter(Number) filter zero out in JavaScript?
  8. Why JavaScript says that a number is not a number? [duplicate]
  9. typeof returning “unknown” in IE
  10. How to get the children of the $(this) selector?
  11. Getting the ID of the element that fired an event
  12. Static variables in JavaScript
  13. Javascript – arrow functions this in event handler?
  14. How to set an iframe src attribute from a variable in AngularJS
  15. How to convert a string to an integer in JavaScript?
  16. Add Active Navigation Class Based on URL
  17. How do I implement Cross Domain URL Access from an Iframe using Javascript?
  18. jQuery – Increase the value of a counter when a button is clicked
  19. Extending Error in Javascript with ES6 syntax & Babel
  20. tag vs tag
  21. use jQuery to get values of selected checkboxes
  22. How to clearInterval with unknown ID?
  23. Calling ASP.NET Code Behind function from JavaScript
  24. Javascript replace with reference to matched group?
  25. Regular expression for number with length of 4, 5 or 6
  26. Nodejs: how to clone an object
  27. How to negate code in “if” statement block in JavaScript -JQuery like ‘if not then..’
  28. Android Phonegap – How to Open Native Google Maps Application
  29. How to Inject Angular2 Http service into es6/7 Class?
  30. Why is iframe.contentWindow == null?

Leave a Comment