instanceof 如何使用instanceof？-财经墙

什么是instanceof？

instanceof是JavaScript语言中的一个运算符。它用于检测一个对象是否是指定类别（或具有类别派生的）的实例。instanceof返回一个布尔值，表明对象是否是指定类别的实例。

如何使用instanceof？

instanceof使用语法为：object instanceof constructor。其中，object表示要检测的对象，constructor表示某个构造函数（也可以是一个类）。

举个例子：


function Person(name, age) {
  this.name = name;
  this.age = age;
}
var person = new Person("Tom", 20);
console.log(person instanceof Person); // true

在上面的例子中，我们创建了一个名为Person的构造函数。我们将其实例化后得到了一个person对象。我们通过使用instanceof运算符来检测person对象是否为Person类的实例。最后的结果为true，表明该对象是Person类的实例。

instanceof的使用场景

instanceof在实际开发中有许多用途，我们可以通过它来检测一个对象是否是某个类的实例。

比如我们可以使用instanceof来检测一个函数是否为Array类型：


var arr = [];
console.log(arr instanceof Array); //true

我们也可以使用instanceof来检测一个对象是否为Date类型：


var date = new Date();
console.log(date instanceof Date); //true

除此之外，我们还可以使用instanceof来检测对象的原型链。

举个例子：


function Person(name, age) {
  this.name = name;
  this.age = age;
}
function Student(name, age, grade) {
  Person.call(this, name, age);
  this.grade = grade;
}
Student.prototype = Object.create(Person.prototype);
var student = new Student("Tom", 20, 80);
console.log(student instanceof Person); // true
console.log(student instanceof Student); // true
console.log(student instanceof Object); // true

在上面的例子中，我们创建了一个名为Person的构造函数和一个名为Student的构造函数。Student继承于Person，同时扩展了一个额外的grade属性。我们使用instanceof来检测student对象是否为Person类、Student类和Object类的实例。我们使用instanceof来检查student对象的原型链。

instanceof的注意事项

instanceof存在一些注意事项：

当我们使用instanceof时，如果要检测的对象不是一个对象，那么它会一直返回false。

instanceof会向上检查原型链，但是它检查的是整个原型链，而不是某个类的原型链。

在Web工作中，我们遵循JavaScript中的一些基本约定，比如约定使用大写字母来表示类。

总之，我们可以通过instanceof来检测一个对象是否为某个类的实例。它在实际开发中有很多的用途。同时，我们需要注意它存在的一些注意事项。

什么是instanceof？

instanceof是javascript中的一个操作符，它用于检查一个对象是否是一个指定的类型。它返回一个布尔值，如果对象是该类型或者是该类型的子类型，则返回true，否则返回false。

instanceof的用法

instanceof的语法如下：

object instanceof constructor

其中，object是一个对象实例，constructor是一个构造函数。如果object是constructor的一个实例或者它的子类的实例，则instanceof返回true。

例如：


var arr = new Array();
console.log(arr instanceof Array);  // true
console.log(arr instanceof Object); // true
console.log(arr instanceof RegExp); // false

在上面的例子中，arr是一个Array类型的实例，也是Object类型的一个实例。但它并不是RegExp类型的实例。

instanceof的局限性

虽然instanceof在某些情况下非常有用，但它也有一些局限性。

首先，如果两个不同的javascript环境使用了不同的全局对象（例如，浏览器和Node.js），那么它们可能会有不同的Object构造函数，这意味着用instanceof检查类型可能会失败。

其次，如果一个对象是通过字面量创建的，例如：


var obj = {};

那么无论obj是何种类型，它都会被instanceof判断为Object类型。这是因为字面量创建的对象实际上是在内部使用了Object构造函数。

instanceof的替代方法

在某些情况下，使用instanceof并不是最好的选择。有一些替代方法可以使用，这些方法可以避免instanceof的局限性。

typeof操作符

typeof操作符可以用于获取一个值的类型。例如：


console.log(typeof 123);         // "number"
console.log(typeof "hello");     // "string"
console.log(typeof true);        // "boolean"
console.log(typeof function(){}); // "function"
console.log(typeof {});          // "object"
console.log(typeof null);        // "object"
console.log(typeof undefined);   // "undefined"
console.log(typeof []);          // "object"
console.log(typeof new Date());  // "object"

虽然typeof无法判断一个值是否是一个特定的类，但它可以用于判断一些基本类型，例如null或undefined。

使用对象的构造函数属性

每个javascript对象都有一个隐藏的属性叫做constructor，它指向该对象的构造函数。可以使用它来判断一个对象是否是特定的类的实例。


function Person(name) {
  this.name = name;
}
var john = new Person("John");
console.log(john.constructor === Person); // true
console.log(john.constructor === Object); // false

这种方法即使在不同的javascript环境中也会产生正确的结果。

结论

instanceof是javascript中的一个非常有用的操作符，它可以用于检查一个对象是否是特定类的实例。但是，它也有一些局限性。在某些情况下，使用typeof、constructor或其他替代方法可能更好，可以避免instanceof的局限性。

什么是instanceof

instanceof是JavaScript的一个关键字，用于判断一个对象是否为某一个类、构造函数或其原型中的一个实例。instanceof语法格式如下：

object instanceof constructor

其中，object是要检测的对象，constructor是要比较的构造函数。

使用instanceof

使用instanceof，可以判断一个对象是否为某一个类的实例。例如，如果我们有一个构造函数叫做“Person”，我们可以使用instanceof来判断一个对象是否为“Person”类的实例：

var john = new Person();

if (john instanceof Person) {

// do something

}

instanceof运行原理

instanceof运行时，会沿着对象的原型链向上查找，判断对象是否为某一个类的实例。如果找到了对应的构造函数，就返回true；如果没有找到，就返回false。

下面是instanceof的工作原理示意图：

mermaid

graph LR

A[对象] --> B(对象.__proto__)

B --> C(对象.__proto__.__proto__)

C --> D(对象.__proto__.__proto__.__proto__)

D --> E(对象.__proto__.__proto__.__proto__.__proto__)

E --> F(对象.__proto__.__proto__.__proto__.__proto__.__proto__)

F -.->|是| Person[构造函数]

C -.->|否| Person

B -.->|否| Person

A -.->|否| Person

instanceof和typeof的区别

instanceof和typeof都是JavaScript中常用的判断变量类型的关键字，但是二者有着不同的使用场景。

typeof用于判断变量的基本类型，例如：typeof 'hello world' === 'string'、typeof 123 === 'number'等。

instanceof则用于判断对象的类型关系，例如：john instanceof Person。由于JavaScript中万物皆对象，因此instanceof更加常见。

instanceof的注意事项

虽然instanceof很方便，但是在使用时需要注意以下几点：

instanceof只能用于判断对象和构造函数之间的关系，如果对象不是由构造函数创建的，那么使用instanceof会返回false。

instanceof只能判断一级原型链中的类型关系，如果对象的原型链有多级，那么使用instanceof判断会返回false。这时我们可以使用Object.getPrototypeOf()函数来获取对象的原型，再对原型进行判断。

对于基本类型来说，使用instanceof会返回false，因为基本类型不是对象。

结论

instanceof是JavaScript中常用的判断对象类型关系的关键字，可以判断一个对象是否为某一个类的实例。instanceof工作原理是沿着对象的原型链向上查找，如果找到了对应的构造函数就返回true；如果没有找到，就返回false。虽然instanceof很方便，但是在使用时需要注意相关的注意事项。

instanceof 如何使用instanceof？

typeof操作符

使用对象的构造函数属性

暂无评论

发表评论我再想想

instanceof 如何使用instanceof？

typeof操作符

使用对象的构造函数属性

相关文章

暂无评论

发表评论 我再想想

发表评论我再想想