typeof与instanceof的区别及用法

101 阅读 0 评论 67 点赞

我是靠谱客的博主淡然钥匙，这篇文章主要介绍typeof与instanceof的区别及用法，现在分享给大家，希望可以做个参考。

js中typeof与instanceof的区别

在我们运用JavaScript中typeof与instanceof是我们经常用到来判断一个变量的类型，以及是否为空，但是他们两者之间还是有较大的区别的，首先来说typeof

typeof
typeof的返回值是个字符串，返回的字符串表达了程序员想要输出的变量类型

然而typeof返回的结果通常情况下一般都是以下6个：
number
string
boolean
object
function
undefind
当然他们都是字符串类型
当你检查的变量为数字时，
在这里插入图片描述

当你检查字符串时
布尔值 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
2
3
4
var a=new Array();
alert(a instanceof Array); // true，
alert(a instanceof Object) //也会返回 true;

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

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

例如：

复制代码

1
2
3
4
5
6
function Foo(){} 
Foo.prototype = new Aoo();//JavaScript 原型继承 
var foo = new Foo(); 
console.log(foo instanceof Foo)//true 
console.log(foo instanceof Aoo)//true