尽管instanceof可能比typeof快一点，但我更喜欢第二个，因为它可能有这样的魔力:

function Class() {};
Class.prototype = Function;

var funcWannaBe = new Class;

console.log(funcWannaBe instanceof Function); //true
console.log(typeof funcWannaBe === "function"); //false
funcWannaBe(); //Uncaught TypeError: funcWannaBe is not a function

instanceof在Javascript中是不可靠的——我相信主流框架都尽量避免使用它。不同的窗口是它可以打破的方式之一-我相信职业层次结构也可以混淆它。

有更好的方法来测试对象是否为某种内置类型(通常是您想要的类型)。创建实用函数并使用它们:

function isFunction(obj) {
  return typeof(obj) == "function";
}
function isArray(obj) {
  return typeof(obj) == "object" 
      && typeof(obj.length) == "number" 
      && isFunction(obj.push);
}

等等。

我在Safari 5和Internet Explorer 9中发现了一些非常有趣的(读作“可怕的”)行为。我在Chrome和Firefox中成功地使用了这个功能。

if (typeof this === 'string') {
    doStuffWith(this);
}

然后我在IE9中测试，它根本不能工作。大惊喜。但在Safari中，它是间歇性的!我开始调试，发现ie总是返回false。但最奇怪的是，Safari似乎在它的JavaScript VM中做了某种优化，第一次为真，但每次点击重载时为假!

我的大脑几乎爆炸了。

所以现在我决定这样做:

if (this instanceof String || typeof this === 'string')
    doStuffWith(this.toString());
}

现在一切都很好。请注意，你可以调用"a string". tostring()，它只是返回字符串的副本，即。

"a string".toString() === new String("a string").toString(); // true

所以从现在开始我将两者都用。

没有必要用上面的大量例子来压倒你，只需要记住两个观点:

typeof var; is an unary operator will return the original type or root type of var. so that it will return primitive types(string, number, bigint, boolean, undefined, and symbol) or object type. in case of higher-level object, like built-in objects (String, Number, Boolean, Array..) or complex or custom objects, all of them is object root type, but instance type built base on them is vary(like OOP class inheritance concept), here a instanceof A - a binary operator - will help you, it will go through the prototype chain to check whether constructor of the right operand(A) appears or not.

所以当你想检查“根类型”或使用基元变量时，使用“typeof”，否则使用“instanceof”。

Null是一种特殊情况，它看起来很原始，但实际上是object的特殊情况。使用a === null代替检查null。

另一方面，function也是一种特殊情况，它是内置对象，但typeof返回函数

正如你所看到的，instanceof必须遍历原型链，而typeof只检查根类型一次，所以很容易理解为什么typeof比instanceof快

还有一种情况是你只能用instanceof进行排序——它返回true或false。使用typeof你可以得到typeof提供的东西

typeof:根据MDN文档，typeof是一个一元操作符，返回指示未求值操作数类型的字符串。

在字符串原语和字符串对象的情况下，typeof返回如下:

const a = "I'm a string primitive";
const b = new String("I'm a String Object");

typeof a; --> returns 'string'
typeof b; --> returns 'object'

Instanceof:是一个二进制操作符，接受一个对象和一个构造函数。它返回一个布尔值，指示对象的原型链中是否有给定的构造函数。

当应用于上面的string实例时，并与string进行比较，它的行为如下:

const a = "I'm a string primitive";
const b = new String("I'm a String Object");

a instanceof String; --> returns false
b instanceof String; --> returns true

参考:https://bambielli.com/til/2017-06-18-typeof-vs-instanceof/