欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

typeof与instanceof的区别及用法

程序员文章站 2022-10-01 17:10:24
typeof与instanceof的区别及用法 js中typeof与instanceof的区别 在我们运用javascript中typeof与instanceof是我们经常用到...

typeof与instanceof的区别及用法

js中typeof与instanceof的区别

在我们运用javascript中typeof与instanceof是我们经常用到来判断一个变量的类型,以及是否为空,但是他们两者之间还是有较大的区别的,首先来说typeof
typeof
typeof的返回值是个字符串,返回的字符串表达了程序员想要输出的变量类型
然而typeof返回的结果通常情况下一般都是以下6个:
number
string
boolean
object
function
undefind
当然他们都是字符串类型
当你检查的变量为数字时,
typeof与instanceof的区别及用法
typeof与instanceof的区别及用法
当你检查字符串时typeof与instanceof的区别及用法typeof与instanceof的区别及用法
布尔值 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的用法及区别