我们知道 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中instanceof对于不同的构造器或许都返回true进行了详细的解析,需要的朋友可以过来参考下,希望对大家有所帮助
JavaScript中instanceof运算符是返回一个 Boolean 值,指出对象是否是特定类的一个实例。 使用方法:result = object instanceof class其中result是必选项。任意变量。object是必选项。任意对象表达式。class是必...
JavaScript 手动实现instanceof的方法 1. instanceof的用法 instanceof运算符用于检测构造函数的prototype属性是否出现在某个实例对象的原型链上。 function Person() {} function Person2() {} const usr = ...
instanceof运算符可以用来判断某个构造函数的prototype属性是否存在另外一个要检测对象的原型链上。 实例一:普遍用法 A instanceof B :检测B.prototype是否存在于参数A的原型链上. function Ben() { } var ben = ...
那么instanceof的这种行为到底是如何实现的呢,现在让我们揭开instanceof背后的迷雾。 instanceof原理 照惯例,我们先来看一段代码: 代码如下: function Cat(){} Cat.prototype = {} function Dog(){} Dog.prototype...
pig instanceof Pig); // => true function FlyPig() {} FlyPig.prototype = new Pig(); var flyPig = new FlyPig(); alert(flyPig instanceof Pig); // => true 来看另一段代码: 代码如下: // 代码 2 ...
共70页,复制两页供参考,如下: 1 JavaScript基本语法 1) 读未声明的变量会产生...但JavaScript默认的函数和构造函数会在每个窗口中拥有独立副本。 16) onload()和onunload()事件分别在网页装载完成后和卸载前执行。
语法 object instanceof constructor 参数 object: 要检测的对象. constructor: ...// true,因为 Object.getPrototypeOf(o) === C.prototype o instanceof C; // false,因为 D.prototype不在o的原型链
// true 因为 C.prototype 现在在 o3 的原型链上Copy to Clipboard需要注意的是,如果表达式 obj instanceof
instanceof 运算符 返回一个 Boolean 值,表明某个对象是否为特定类的一个实例。 isFinite 方法 返回一个 Boolean 值,表明某个给定的数是否是有穷的。 isNaN 方法 返回一个 Boolean 值,表明某个值是否为保留值 ...
[typeof null, null instanceof Object] A.["object",false] B.[null,false] C.["object",true] D.其他 3,以下表达式的运行结果是: [[3,2,1].reduce(Math.pow),[].reduce(Math.pow)] A.报错 B.[9,0] C.[9,NaN] D....
javascript的官方文档 这些方便实用的信息将帮助您了解 JScript 的各个部分。 在“字母顺序的关键字列表”中,可以找到按字母顺序列出的所有 JScript 语言的主题。如果只需要查看某个主题(例如对象),则有对该主题...
in in 判断 左边 的字符串或者能转换成字符串的是否属于 右边 的属性。 var data = { x: , y: };//定义了直接对象 alert("x" in data)...//true ,x 是data 的一个属性 ...instanceof 希望左边的实例是右边
编程是一件很快乐的事,实现一个目的,我们可以有很多方法路径,在这篇文章我们介绍一些JavaScript的奇技淫巧,仅供大家参考,各路大神在平时的代码编写时,如很多简洁高效的书写方式; 下面话不多说了,来一起看看...
注意:官方定义: 在Javascript中,每一个函数实际上都是一个函数对象. 我们先来看最简单的两个代码,也是最容易理解的. function fn(){} var obj = {} console.log(fn instanceof Function)//true conso
Array //true 这里涉及到一个instanceof语法,instanceof是一个云算符,与”+-*/”一样,它的语法如下: result = obj intanceof class 是用来判断一个对象是否是某个class的一个实例,运算结果返回true或者false。...
在JavaScript中,创建数组可以使用Array构造函数,或者使用数组直接量[],后者是首选方法。Array对象继承自Object.prototype,对数组执行typeof操作符返回object而不是array。然而,[] instanceof Array也返回true。也...
Function instanceof Object 和 Object instanceof Function 都是 true 1。我们可以认为 Object 是一个特殊的“类”,而这里的“类”即:Function 于是便可以理解为: Object = Function () {} 或 Object = new ...
JavaScript的面向对象是基于原形的,所有对象都有一条属于自己的原型链。Object与Function可能很多看Object instanceof Function , Function instanceof Object都为true而迷惑,所以首先看下对象的实例。