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/

instanceof将不适用于原语，例如"foo" instanceof String将返回false，而typeof "foo" == " String "将返回true。

另一方面，当涉及到自定义对象(或类，无论你想叫它们什么)时，typeof可能不会做你想做的事情。例如:

function Dog() {}
var obj = new Dog;
typeof obj == 'Dog' // false, typeof obj is actually "object"
obj instanceof Dog  // true, what we want in this case

函数碰巧既是“函数”原语，又是“函数”的实例，这有点奇怪，因为它不像其他原语类型那样工作，例如。

(typeof function(){} == 'function') == (function(){} instanceof Function)

but

(typeof 'foo' == 'string') != ('foo' instanceof String)

尽管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

当然这很重要........！

让我们用例子来解释一下。在我们的例子中，我们将以两种不同的方式声明函数。

我们将同时使用函数声明和函数构造函数。我们将了解typeof和instanceof在这两种不同场景中的行为。

使用函数声明创建函数:

function MyFunc(){  }

typeof Myfunc == 'function' // true

MyFunc instanceof Function // false

对于这种不同的结果，可能的解释是，因为我们做了一个函数声明，typeof可以理解它是一个函数。因为typeof检查typeof的表达式是否被操作，在我们的例子中，MyFunc是否实现了Call Method。如果它实现了Call方法，它就是一个函数。为了澄清，请检查ecmascript的typeof规范。

使用函数构造函数创建函数:

var MyFunc2 = new Function('a','b','return a+b') // A function constructor is used 

typeof MyFunc2 == 'function' // true

MyFunc2 instanceof Function // true

这里typeof断言MyFunc2是一个函数，也是一个instanceof操作符。我们已经知道typeof检查MyFunc2是否实现了Call方法。由于MyFunc2是一个函数，它实现了调用方法，这就是typeof如何知道它是一个函数。另一方面，我们使用函数构造函数来创建MyFunc2，它成为函数构造函数的一个实例。这就是为什么instanceof也解析为true。

用什么更安全?

我们可以看到，在这两种情况下，typeof操作符都可以成功地断言我们在处理一个函数，它比instanceof更安全。instanceof在函数声明的情况下将失败，因为函数声明不是function构造函数的实例。

最佳实践:

正如Gary Rafferty所建议的，最好的方法应该同时使用typeof和instanceof。

  function isFunction(functionItem) {

        return typeof(functionItem) == 'function' || functionItem instanceof Function;

  }

  isFunction(MyFunc) // invoke it by passing our test function as parameter

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

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

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

等等。

其他重要的实际差异:

// Boolean

var str3 = true ;

alert(str3);

alert(str3 instanceof Boolean);  // false: expect true  

alert(typeof str3 == "boolean" ); // true

// Number

var str4 = 100 ;

alert(str4);

alert(str4 instanceof Number);  // false: expect true   

alert(typeof str4 == "number" ); // true