`
zhouyrt
  • 浏览: 1158797 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JavaScript中instanceof对于不同的构造器可能都返回true

 
阅读更多

我们知道 instanceof 运算符用来检查对象是否为某构造器的实例。下面列举它返回true的各种情景。

 

1、对象obj是通过new Constructor创建的,那么 obj instanceof Constructor 为true

function Person(n, a) {
    this.name = n;
    this.age = a;
}
var p = new Person('John Backus', 82);
console.log(p instanceof Person); // true

 

2、如果存在继承关系,那么 子类实例 instanceof 父类 也会返回true

function A(){}
function B(){}
B.prototype = new A(); // B继承于A
 
var b = new B();
console.log(b instanceof A); // true

 

 3、由于Object是根类,所有其它自定义类都继承于它,因此 任意构造器的实例 instanceof Object 都返回true

 

function A() {}
var a = new A();
console.log(a instanceof Object); // true
 
var str = new String('hello');
console.log(str instanceof Object); // true
 
var num = new Number(1);
console.log(num instanceof Object); // true

 

甚至包括构造器自身

function A() {}
console.log(A instanceof Object); // true
console.log(String instanceof Object); // true
console.log(Number instanceof Object); // true

 

4、所有构造器 instanceof Function 返回true

 

function A() {}
console.log(A instanceof Function); // true
console.log(String instanceof Function); // true
console.log(Number instanceof Function); // true
 

 

以上四点总结为一句话:如果某实例是通过某类或其子类的创建的,那么instanceof就返回true。或者说某构造函数的原型 存在与对象obj的内部原型链上,那么返回true。即instanceof的结果与构造器自身并无直接关系。这在许多语言中都是通用的。

 

Java中定义了一个类Person,实例p对于Person和Object都返回true

class Person {
    public String name;
    public int age;
    Person (String n, int a) {
        this.name = name;
        this.age = a;
    }
    public static void main(String[] args) {
        Person p = new Person("John Backus", 82);
        System.out.println(p instanceof Person); // true
        System.out.println(p instanceof Object); // true
    }
}

 

Java中如果存在继承关系,那么 子类实例 instanceof 父类 也返回true

// 父类
class Person {
    public String name;
    public int age;
    Person (String n, int a) {
        name = name;
        age = a;
    }
}
// 子类
public class Man extends Person{
    public String university;
    Man(String n, int a, String s) {
        super(n, a);
        university = s;
    }
    public static void main(String[] args) {
        Man mm = new Man("John Resig", 29, "PKU");
        System.out.println(mm instanceof Man); // true
        System.out.println(mm instanceof Person); // 也是true
    }
}

 

知道了这些,JS中以下的表现就不奇怪了

// 定义两个构造器
function A(){}
function B(){}
A.prototype = B.prototype = {a: 1};
 
// 分别创建两个不同构造器的实例
var a = new A();
var b = new B();
console.log(a instanceof B); // true
console.log(b instanceof A); // true

我们看到a, b分别是用A和B创建的,但a instanceof B和 b instanceof A都是true。即a虽然不是用构造器B创建的,但仍然返回true。因为B.prototype存在于a的内部原型链上。

 

由于JS的动态语言特性,可以在运行时修改原型,因此下面返回false也不足为奇了。因为A.prototype已经不在a的内部原型链中,链条被打断了。

function A(){}
var a = new A();
A.prototype = {}; // 动态修改原型,注意必须在创建a后
console.log(a instanceof A); // false

注意这么写也打破了上面总结的第一条:对象obj是通过new Constructor创建的,那么obj instanceof Constructor 为true

 

实际在ECMAScript标准中(以5.1为准),instanceof 内部实现会调用构造器的内部方法[[HasInstance]],描述如下


 

 

假如F是一个函数对象,当F(V)执行时,以下步骤将发生:

1、如果instanceof左运算元V不是对象类型,直接返回false

var a, b = 1, c = true, d = 'hello';
console.log(a instanceof Object); // false 这里a值为undefined
console.log(b instanceof Object); // false
console.log(c instanceof Object); // false
console.log(d instanceof Object); // false

2/3、取构造器F的prototype属性,如果不是对象类型,须抛出TypeError异常,

function A(){}
A.prototype = 1; // A的prototype设为非对象类型
var a = new A();
console.log(a instanceof A);

各浏览器抛出的异常提示不同,

Firefox:



Chrome:

 

Safari6:


 
Opera:



IE10:

 

4、不断的执行以下逻辑:将V设为内部原型的V,如果V是null则返回false,如果V和O都指向同一个对象,则返回true。
 

 

相关:

https://developer.mozilla.org/zh-CN/docs/JavaScript/Reference/Operators/instanceof

JavaScript中__proto__与prototype的关系

  • 大小: 67.7 KB
  • 大小: 10.1 KB
  • 大小: 7.2 KB
  • 大小: 8.9 KB
  • 大小: 23.7 KB
  • 大小: 2.9 KB
分享到:
评论

相关推荐

    解析JavaScript中instanceof对于不同的构造器或许都返回true

    `Object`是JavaScript中的根类,所以所有自定义构造函数的实例`instanceof Object`都将返回`true`。此外,构造函数本身也是`Object`的实例: ```javascript function A() {} var a = new A(); console.log(a ...

    详解JavaScript中typeof与instanceof用法

    instanceof是JavaScript中的一个操作符,它用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上。也就是说,instanceof用于判断一个变量是否某个构造函数创建的对象的实例。 例如: ```javascript ...

    JavaScript中instanceof运算符的使用示例

    JavaScript中的instanceof运算符是面向对象编程中非常重要的一个概念,它用于检测一个实例对象的原型链上是否包含某个构造函数的原型。instanceof运算符的使用有助于理解JavaScript中的原型继承机制。 在JavaScript...

    JavaScript的instanceof有bug?

    如果对象的原型链中存在目标构造函数的`prototype`属性,那么`instanceof`返回`true`,否则返回`false`。然而,由于JavaScript的动态性和灵活性,`instanceof`在某些特定情况下可能会产生误导性的结果。 首先,我们...

    JS中typeof与instanceof的区别

    typeof 和 instanceof 都是 JavaScript 中的基本运算符,但它们的用途和返回值不同。typeof 主要用于判断变量的类型,而 instanceof 用于判断变量是否某个对象的实例。理解这两个运算符的区别对于 JavaScript 开发者...

    JavaScript中instanceof运算符的用法总结

    JavaScript中instanceof运算符是返回一个 Boolean 值,指出对象是否是特定类的一个实例。 使用方法:result = object instanceof class其中result是必选项。任意变量。object是必选项。任意对象表达式。class是必...

    【JavaScript源代码】JavaScript 手动实现instanceof的方法.docx

    JavaScript中的`instanceof`运算符是一个非常重要的工具,它用于检查一个对象实例是否属于特定的构造函数或类。它的核心作用在于确定一个对象的原型链中是否存在指定构造函数的`prototype`属性。当我们手动实现`...

    实例讲解JavaScript中instanceof运算符的用法

    在JavaScript中,`instanceof`运算符是用来检测一个对象是否属于某个构造函数的实例,或者更具体地说,是否在该对象的原型链上能找到构造函数的`prototype`对象。这使得`instanceof`成为判断对象继承关系的重要工具...

    instanceof 和 prototype 关系

    在上面的例子中,`person`是`Person`构造函数的实例,因此`person instanceof Person`返回`true`。 接下来,我们探讨`prototype`。每个函数(在JavaScript中,构造函数本质上也是函数)都有一个`prototype`属性,这...

    js中的instanceof操作符1

    例如,在不同的`window`或`frame`中,每个全局环境都有自己的`Array`构造函数,因此`[] instanceof window.frames[0].Array`会返回`false`。在这种情况下,可以使用`Array.isArray()`或`Object.prototype.toString....

    JS中typeof与instanceof之间的区别总结.docx

    例如,所有对象都是`Object`的实例,因此`window instanceof Object`在浏览器环境中通常返回`true`,除非`window`被特殊处理过。 总结来说,`typeof`和`instanceof`的主要区别在于: - `typeof`主要用来检测基本...

    JavaScript instanceof 的使用方法示例介绍

    `instanceof` 是 JavaScript 中的一个操作符,用于判断一个对象是否是某个构造函数的实例,或者是否属于特定的原型链。这个操作符在处理复杂的对象类型和继承关系时特别有用,因为 `typeof` 运算符在面对对象时只能...

    instanceof 判断引用类型,typeof判断基本类型。

    在这个例子中,`person`是`Person`构造函数的一个实例,所以`instanceof`返回`true`。 接下来,我们来看`typeof`操作符。`typeof`主要用于判断一个变量是否为特定的基本类型。它返回一个字符串,表示变量的类型。...

    JS:typeof instanceof constructor prototype区别

    alert(c.constructor === Array)`将返回`true`,表明`c`是由`Array`构造函数创建的。 然而,这种方法在处理类继承时可能会出现问题。当一个子类继承自父类时,子类实例的`constructor`属性默认会指向父类的构造...

    javascript instanceof,typeof的区别

    在JavaScript中,`typeof` 和 `instanceof` 都是用来检查变量类型的,但它们之间有着本质的区别。 `typeof` 是一个操作符,它返回一个表示变量类型的字符串。它主要用于基本数据类型的判断,例如: - number - ...

    理解Javascript_07_理解instanceof实现原理

    `instanceof`是JavaScript中一个重要的操作符,用于检测一个对象是否属于某个构造函数的实例。这个操作符的实现原理涉及到原型链(prototype chain)的概念,这是JavaScript中面向对象编程的基础之一。 首先,我们...

    JavaScript中instanceof与typeof运算符的用法及区别详细解析

    总结来说,`typeof`和`instanceof`都是JavaScript中用于类型检查的重要工具,它们各有侧重,`typeof`更适用于检测基本数据类型,而`instanceof`则适合于判断对象的实例关系。在实际编程中,理解并正确使用这两个...

Global site tag (gtag.js) - Google Analytics