JavaScript typeof 操作符和 instanceof 操作符

typeof 操作符

​ 因为 ECMAScript 的类型系统是松散的，所以需要一种手段来确定任意变量的数据类型。typeof 操作符就是为此而生的。typeof 会返回一个值的数据类型。对一个值使用 typeof 操作符会返回下列字符串之一：

• “undefined” 表示值未定义；
• “boolean” 表示值为布尔值；
• “string” 表示值为字符串；
• “number” 表示值为数值；
• “object” 表示值为对象（而不是函数）或 null；
• “function” 表示值为函数；
• “symbol” 表示值为符号。

对于基本数据类型，除了null都可以返回正确的类型。而对于null则会返回object。

对于引用数据类型来说，除了函数之外，其他的都会返回object，而对于函数则会返回function。

下面是使用 typeof 操作符的例子：

let message = "some string";
console.log(typeof message); // "string"
console.log(typeof(message)); // "string"
console.log(typeof 95); // "number"

​ 在这个例子中，我们把一个变量（message）和一个数值字面量传给了 typeof 操作符。注意，因为 typeof 是一个操作符而不是函数，所以不需要参数（但可以使用参数）。

​ 注意：typeof 在某些情况下返回的结果可能会让人费解，但技术上讲还是正确的。比如，调用 typeof null 返回的是 “object”。这是因为特殊值 null 被认为是一个对空对象的引用。

​ 注意：严格来讲，函数在 ECMAScript 中被认为是对象，并不代表一种数据类型。可是， 函数也有自己特殊的属性。为此，就有必要通过 typeof 操作符来区分函数和其他对象。

​ typeof 操作符最适合用来判断一个变量是否为原始类型。更确切地说，它是判断一个变量是否为字符串、数值、布尔值或 undefined 的最好方式。如果值是对象或 null，那么 typeof 返回 “object”，如下面的例子所示：

let s = "Nicholas"; 
let b = true; 
let i = 22; 
let u; 
let n = null; 
let o = new Object(); 
console.log(typeof s); // string 
console.log(typeof i); // number 
console.log(typeof b); // boolean 
console.log(typeof u); // undefined 
console.log(typeof n); // object 
console.log(typeof o); // object
console.log(typeof Symbol())  // symbol

console.log(typeof [])  // object
console.log(typeof {})  // object
console.log(typeof console.log)  // function
console.log(typeof function fn(){}) // function

​ 注意：typeof 操作符在用于检测函数时也会返回 “function”。当在 Safari（直到 Safari 5） 和 Chrome（直到 Chrome 7）中用于检测正则表达式时，由于实现细节的原因，typeof 也会返回"function"。ECMA-262 规定，任何实现内部[[Call]]方法的对象都应该在 typeof 检测时返回"function"。因为上述浏览器中的正则表达式实现了这个方法，所以 typeof 对正则表达式也返回 “function”。在 IE 和 Firefox 中，typeof 对正则表达式返回 “object”。

instanceof 操作符

​ typeof 虽然对原始值很有用，但它对引用值的用处不大。我们通常不关心一个值是不是对象， 而是想知道它是什么类型的对象。typeof 操作符可以确定值的原始类型，而 instanceof 操作符用于确保值的引用类型。

instanceof：它是用来判断一个对象是否是另一个对象的实例，注意它只能用来判断对象。

为了解决这个问题，ECMAScript 提供了 instanceof 操作符，语法如下：

result = variable instanceof constructor

如果变量是给定引用类型的实例，则 instanceof 操作符返回 true。来看下面的例子：

console.log(person instanceof Object); // 变量 person 是 Object 吗？
console.log(colors instanceof Array); // 变量 colors 是 Array 吗？
console.log(pattern instanceof  RegExp); // 变量 pattern 是 RegExp 吗？

​ 按照定义，所有引用值都是 Object 的实例，因此通过 instanceof 操作符检测任何引用值和 Object 构造函数都会返回 true。类似地，如果用 instanceof 检测原始值，则始终会返回 false， 因为原始值不是对象。

下面是使用 instanceof 操作符的例子：

console.log(1 instanceof Number) //false

var a = new Number(1);
console.log(a instanceof Number)  // true

var arr = ["1", "2"]
console.log(arr instanceof Array) // true

var obj = { a: 1 }
console.log(obj instanceof Object) // true

function fn () {

}
console.log(fn instanceof Function)  // true