instanceof typeof

instanceof填坑

说instanceof就不得不顺带说一下typeof，请跟着。

 

 

typeof

typeof操作符返回一个字符串，表示未经计算的操作数的类型。

就这么几种类型：number、boolean、string、object、undefined、function、symbol。

typeof 1 // "number"

typeof '1' // "string"

typeof true // "boolean"

typeof Symbol(1) // "symbol"

typeof {} // "object"

typeof [] // "object"，小坑

typeof function(){} // "function"

typeof Symbol(1) // "symbol"

typeof undefined // "undefined"

typeof null // "object"，出名的坑

对于null->"object"的问题，仅仅typeof无解，记住有这么个坑即可。

而关于array->"object"的问题，建议使用：Array.isArray([]) // true来判断即可。

 

 

instanceof

instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性。

涉及的构造函数有这些基础类型：String、Number、Boolean、Undefined、Null、Symbol；

复杂类型：Array，Object；

其他类型：Function、RegExp、Date。

语法：[对象] instanceof [构造函数]，如：

let obj = new Object()

obj instanceof Object // true

注意左侧必须是对象（object），如果不是，直接返回false，具体见基础类型。

 

基础类型

let num = 1

num instanceof Number // false

 

num = new Number(1)

num instanceof Number // true

明明都是num，而且都是1，只是因为第一个不是对象，是基本类型，所以直接返回false，而第二个是封装成对象，所以true。

这里要严格注意这个问题，有些说法是检测目标的__proto__与构造函数的prototype相同即返回true，这是不严谨的，检测的一定要是对象才行，如：

let num = 1

num.__proto__ === Number.prototype // true

num instanceof Number // false

 

num = new Number(1)

num.__proto__ === Number.prototype // true

num instanceof Number // true

 

num.__proto__ === (new Number(1)).__proto__ // true

上面例子可以看出，1与new Number(1)几乎是一样的，只是区别在于是否封装成对象，所以instanceof的结果是不同的。

string、boolean等，这些基础类型一样的。

new String(1)与String(1)是不同的，new是封装成对象，而没有new的只是基础类型转换，还是基础类型，如下：

new String(1) // String {"1"}

String(1) // "1"

其他基础类型一样的。

复杂类型，比如数组与对象，甚至函数等，与基础类型不同。

 

复杂类型

let arr = []

arr instanceof Array // true

arr instanceof Object // true

Array.isArray(arr) // true

首先，字面量是直接生成构造函数的，所以不会像基本类型一样两种情况，这个可以放心用。

但是上面那个问题，当然，基础类型也会有这个问题，就是与Object对比。没办法，Object在原型链的上层，所以都会返回true，如下：

(new Number(1)) instanceof Object // true

由于从下往上，比如你判断是Number，那就没必要判断是不是Object了，因为已经是Number了……

Array一个道理，不过还是建议使用isArray来专门处理数组判断。

new Object()与{}就不介绍了，一样的情况。

 

其他类型

let reg = new RegExp(//)

reg instanceof RegExp // true

reg instanceof Object // true

 

let date = new Date()

date instanceof Date // true

date instanceof Object // true

除了Function，都一样，具体Function如下：

function A() {}

let a = new A()

a instanceof Function // false

a instanceof Object // true

A instanceof Function // true

这里要注意，function A() {}相当于let A; A = function() {}，然后分析：

• a是new出来，所以是经过构造，因此已经是对象，不再是函数，所以false。
• a是经过构造的对象，返回ture没问题。
• 如上所述，A是个函数，因此没什么概念上的问题。但是要知道A.__proto__即Function.prototype是ƒ () { [native code] }，这是与object以后处于原型链上层的存在，而且与object平级，检测如下：

let obj = {}

obj.__proto__ // {constructor: ƒ, __defineGetter__: ƒ, __defineSetter__: ƒ, hasOwnProperty: ƒ, __lookupGetter__: ƒ, …}

obj.__proto__.prototype // undefined

 

let A = function() {}

A.__proto__ // ƒ () { [native code] }

A.__proto__.prototype // undefined

 

本文为转载文章，仅为日后使用方便，详情及讨论请移步 原文地址