What is the difference between typeof and instanceof and when should one be used vs. the other?

by

Use instanceof for custom types:

var ClassFirst = function () {};
var ClassSecond = function () {};
var instance = new ClassFirst();
typeof instance; // object
typeof instance == 'ClassFirst'; // false
instance instanceof Object; // true
instance instanceof ClassFirst; // true
instance instanceof ClassSecond; // false

Use typeof for simple built in types:

'example string' instanceof String; // false
typeof 'example string' == 'string'; // true

'example string' instanceof Object; // false
typeof 'example string' == 'object'; // false

true instanceof Boolean; // false
typeof true == 'boolean'; // true

99.99 instanceof Number; // false
typeof 99.99 == 'number'; // true

function() {} instanceof Function; // true
typeof function() {} == 'function'; // true

Use instanceof for complex built in types:

/regularexpression/ instanceof RegExp; // true
typeof /regularexpression/; // object

[] instanceof Array; // true
typeof []; //object

{} instanceof Object; // true
typeof {}; // object

And the last one is a little bit tricky:

typeof null; // object

More Related Contents:

  1. What’s the point of new String(“x”) in JavaScript?
  2. JavaScript inheritance and the constructor property
  3. Why is null an object and what’s the difference between null and undefined?
  4. Why does instanceof return false for some literals?
  5. Why does typeof array with objects return “object” and not “array”? [duplicate]
  6. What is the instanceof operator in JavaScript?
  7. Better way to get type of a Javascript variable?
  8. When iterating over values, why does typeof(value) return “string” when value is a number? JavaScript
  9. Why does Array.filter(Number) filter zero out in JavaScript?
  10. Why does ‘instanceof’ in TypeScript give me the error “‘Foo’ only refers to a type, but is being used as a value here.”?
  11. What’s the reason to use === instead of == with typeof in Javascript?
  12. Why JavaScript says that a number is not a number? [duplicate]
  13. typeof returning “unknown” in IE
  14. Why is the method executed immediately when I use setTimeout?
  15. Why variable hoisting after return works on some browsers, and some not?
  16. Why does forms with single input field submit upon pressing enter key in input
  17. Accessing Variables from Greasemonkey to Page & vice versa
  18. Replace words in the body text
  19. HTML5 Local Storage fallback solutions [closed]
  20. Puppeteer – scroll down until you can’t anymore
  21. What is property in hasOwnProperty in JavaScript?
  22. How to clear browsers (IE, Firefox, Opera, Chrome) history using JavaScript or Java except from browser itself?
  23. Is possible to check if a collection or sub collection exists?
  24. Removing elements with Array.map in JavaScript
  25. Error: 10 ABORTED: Too much contention on these documents. Please try again
  26. Calculate the bounding box’s X, Y, Height and Width of a rotated element via JavaScript
  27. Remove Datepicker Function dynamically
  28. RegEx Ignore Case
  29. for … in loop with string array outputs indices
  30. How lazy loading images using JavaScript works?

Leave a Comment