typeof与instanceof的区别及用法

快来打我* 2022-01-07 05:59 433阅读 0赞

在我们运用JavaScript中**typeof与instanceof**是我们经常用到来判断一个变量的类型，以及是否为空，但是他们两者之间还是有较大的区别的，首先来说typeof  
**typeof**  
**typeof的返回值是个字符串，返回的字符串表达了程序员想要输出的变量类型**  
然而typeof返回的结果通常情况下一般都是以下6个：  
number  
string  
boolean  
object  
function  
undefind  
**当然他们都是字符串类型**  
当你检查的变量为数字时，  
![在这里插入图片描述][70]  
![在这里插入图片描述][70 1]  
当你检查字符串时![在这里插入图片描述][70 2]![在这里插入图片描述][70 3]  
布尔值 typeof(x) = “boolean”

对象,数组和null typeof(x) = “object”

函数 typeof(x) = “function”

\*\*  
在 JavaScript 中，判断一个变量的类型尝尝会用 typeof 运算符，在使用 typeof 运算符时采用引用类型存储值会出现一个问题，无论引用的是什么类型的对象，它都返回 “object”。这就需要用到instanceof来检测某个对象是不是另一个对象的实例\*\*  
instanceof 基本 语法：  
语法：object instanceof constructor  
其中 object 与 constructor 为参数， object（要测试的对象）constructor（构造函数）  
描述：instanceof 运算符用来检测 constructor.prototype 是否存在于参数 object 的原型链上。  
1.如 :var a=new Array();

alert(a instanceof Array); // true，

同时 alert(a instanceof Object) //也会返回 true;

这是因为 Array 是 object 的子类。  
2.

## 另外，更重的一点是 instanceof 可以在继承关系中用来判断一个实例是否属于它的父类型。 ##

例如：

function Foo()\{\}  
Foo.prototype = new Aoo();//JavaScript 原型继承  
var foo = new Foo();  
console.log(foo instanceof Foo)//true  
console.log(foo instanceof Aoo)//true

## 上面的代码中是判断了一层继承关系中的父类，在多层继承关系中，instanceof 运算符同样适用。 ##

**希望对大家理解typeof与instanceof的用法及区别**

</div>
          <link href="https://csdnimg.cn/release/phoenix/mdeditor/markdown_views-e44c3c0e64.css" rel="stylesheet">
                  </div>

原博文：https://blog.csdn.net/qq\_42936527/article/details/83305368

[70]: /images/20211227/5fad7fa46fc244aab6ef7e754d606c83.png
[70 1]: /images/20211227/2a4488b98fdc4a0a95e6e7c196e9be15.png
[70 2]: https://img-blog.csdn.net/20181023131035271?watermark/2/text/aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQyOTM2NTI3/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70
[70 3]: /images/20211227/54bb3951ae6547d1894c1a838f295050.png