Js 中 typeof 与 instanceof 的区别

Posted 2023-03-20

参考技术A js 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的，那么他们之间有什么区别呢?
某种程度上两种方式都行，但其中细节我们一定要搞清楚。

typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。
返回值是一个 字符串 ，该字符说明运算数的类型。 typeof 一般只会返回六中数据类型:

通常可以使用 typeof 来获取一个变量是否存在

而不要去使用 if (a) 因为如果 a 不存在(未声明)则会出错。
再看一个例子：

可以看出：判断一个变量的类型常常会用 typeof 运算符没有问题，但在使用 typeof 运算符时采用 引用类型 存储值会出现一个问题，无论引用的是什么类型的对象，他都会返回 object ，这正是 typeof 的局限性。
这就需要用到 instanceof 来检测某个对象是不是另一个对象的实例。

instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的 prototype 属性
通俗讲 instanceof 左 操作数是一个类，右 操作数是标识对象的类。如果左侧的对象是右侧类的实例，则返回 true。而 js 中对象的类是通过初始化它们的构造函数来定义的。即 instanceof 的右操作数应当是一个函数。所有的对象都是 object 的实例。如果左操作数不是对象，则返回 false，如果右操作数不是函数，则抛出typeError。

语法：object instanceof constructor
参数：object（要检测的对象）contructor（某个构造函数）
描述：instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型脸链上

举个栗子：

一般会结合两者封装成一个工具类：

今天的内容就到这里了，小伙伴们记得点个赞哦 ~~~

js中instanceof与typeof的区别以及instanceof的门道

js中判断值类型，你可以通过typeof判断，string/number/boolean都很清楚，但是typeof在判断到引用类型的时候，返回值只有object/function，你不知道它到底是一个object对象，还是数组，还是new Number等等。

这个时候就需要用到instanceof：比如在 a  instanceOf f中沿着a的__proto__这条线来找，同时沿着B的prototype这条线来找，如果两条线能找到同一个引用，即同一个对象，那么就返回true。如果找到终点还未重合，则返回false。