typeof与instanceof的区别及用法

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

在我们运用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.如 :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的用法及区别

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

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

发表评论

表情:
评论列表 (有 0 条评论,483人围观)

还没有评论,来说两句吧...

相关阅读

    相关 typeofinstanceof

    在 JavaScript 中,判断一个变量的类型尝尝会用 typeof 运算符,在使用 typeof 运算符时采用引用类型存储值会出现一个问题,无论引用的是什么类型的对象,它都