PHP8.1.21版本已发布
vue8.1.21版本已发布
jquery8.1.21版本已发布

js中typeof与instanceof分别是什么?有什么区别?

藏色散人
藏色散人 原创
2018-10-13 16:35:06 6502浏览

本篇文章主要给大家介绍js中typeof与instanceof的区别

首先大家应该要简单了解typeof是什么?

typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。它返回值是一个字符串,该字符串说明运算数的类型。typeof 可以用来检测给定变量的数据类型。

instanceof是什么?

instanceof运算符用来判断一个构造函数的prototype属性所指向的对象是否存在另外一个要检测对象的原型链上。通常来讲,使用 instanceof 就是判断一个实例是否属于某种类型。

js中typeof与instanceof的相同点:

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空,或者是什么类型的。

不同处:

一、typeof的定义和用法:

返回值是一个字符串,用来说明变量的数据类型。

具体用法细节:

1、typeof 一般只能返回如下几个结果:

'undefined' :这个值未定义。

'boolean':这个值是布尔值。

'string' :这个值是字符串。

'number' :这个值是数值。

'object':这个值是对象或null。

'function' :这个值是函数。
2、typeof 来获取一个变量是否存在,如

if(typeof a!="undefined"){alert("ok")}

而不要去使用 if(a) 因为如果 a 不存在(未声明)则会出错。

3、对于 Array,Null 等特殊对象使用 typeof 一律返回 object,这正是 typeof 的局限性。
二、Instanceof定义和用法:

Instanceof定义和用法:instanceof 用于判断一个变量是否属于某个对象的实例。也可以用来判断某个构造函数的prototype属性是否存在另外一个要检测对象的原型链上。

示例:

a instanceof b?alert("true"):alert("false"); //a是b的实例?真:假
 var a=new Array();alert(a instanceof Array);

会返回 true,同时

alert(a instanceof Object)

也会返回 true;

这是因为 Array 是 object 的子类。

再如:

function test(){};var a=new test();alert(a instanceof test)

会返回object。

测试:

var a=new Array();if (a instanceof Object) alert('Y');else alert('N');

得'Y',而

if (window instanceof Object) alert('Y');else alert('N');

得'N'。

所以,这里的 instanceof 测试的 object 是指 js 语法中的 object,不是指 dom 模型对象。

使用 typeof 会有些区别:

alert(typeof(window))

会得 object。

本篇就是关于js中typeof与instanceof的区别介绍,希望对需要的朋友有一定的帮助!

想要了解更多前端知识点,可以关注PHP中文网JavaScript视频教程Bootstrap视频教程等等相关教程,欢迎大家参考学习!

声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。