JavaScript获取对象真实类型和instanceof/isPrototypeOf关键字详解

最新推荐文章于 2024-07-15 08:30:00 发布

原创最新推荐文章于 2024-07-15 08:30:00 发布 · 764 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JavaScript基础 #JS学习

JavaScript基础专栏收录该内容

5 篇文章

订阅专栏

这篇博客探讨了JavaScript中获取对象真实类型的技巧，包括使用typeof在面对构造函数时可能的局限性。接着详细解释了instanceof关键字，它用于判断对象是否为特定函数的实例，如果构造函数的原型在实例的原型链中，会返回true。此外，还介绍了isPrototypeOf方法，用于检查一个对象是否是另一个对象的原型，同样返回true或false。博客内容源自指趣学院的JS课程笔记。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前提

关于在指趣学院上JS相关课程的小笔记共享。

获取对象真实类型

一般来讲，当我们说到获取输出数据类型一般想到的是用typeof，但是有时候用typeof输出的数据类型面对构造函数时依旧会是object，此时我们可以用到：

console.log(p.constructor.name)

instanceof关键字详解

instanceof关键字：用于判断“对象”是否为指定函数的“实例”。
输出true或false
instaceof关键字的解释
使用instanceof关键字的注意点：
只要构造函数的原型对象出现在实例对象的原型链中都会返回true

function Person(myName){
	this.name=myName;
}
function Student(myName,myScore){
	Person.call(this,myName);//为了继承Person,把this和myName传给它
	this.score=myScore;
}
Student.prototype=new Person();//为了使用父类原型的方法，把子类原型对象设置为父类的实例对象
Student.prototype.constuctor=Student;

let stu=new Student();
console.log(stu instanceof Person); //true

实例对象的原型链

isPrototypeOf关键字详解

instanceof关键字：用于判断一个对象是否为另一个对象的原型
输出true或false
isPrototypeOf关键字详解
使用isPrototypeOf关键字的注意点：

function Person(myName){
	this.name=myName;
}
function Student(myName,myScore){
	Person.call(this,myName);//为了继承Person,把this和myName传给它
	this.score=myScore;
}
Student.prototype=new Person();//为了使用父类原型的方法，把子类原型对象设置为父类的实例对象
Student.prototype.constuctor=Student;

let stu=new Student();
console.log(Person.prototype.isPrototypeOf(stu)); //true