instanceof 和原型链
来源:互联网 发布:杭州软件测试培训班 编辑:程序博客网 时间:2024/06/06 02:41
这篇文章是从mdn上转载过来的,先保存下,以后再回顾、深究其原理
instanceof 运算符用来测试一个对象在其原型链中是否存在一个构造函数的prototype属性。
语法
object instanceof constructor
参数
object
- 要检测的对象.
constructor
- 某个构造函数
描述
instanceof
运算符用来检测 constructor.prototype
是否存在于参数 object
的原型链上。
// 定义构造函数function C(){} function D(){} var o = new C();// true,因为 Object.getPrototypeOf(o) === C.prototypeo instanceof C; // false,因为 D.prototype不在o的原型链上o instanceof D; o instanceof Object; // true,因为Object.prototype.isPrototypeOf(o)返回trueC.prototype instanceof Object // true,同上C.prototype = {};var o2 = new C();o2 instanceof C; // trueo instanceof C; // false,C.prototype指向了一个空对象,这个空对象不在o的原型链上.D.prototype = new C(); // 继承var o3 = new D();o3 instanceof D; // trueo3 instanceof C; // true
需要注意的是,如果表达式 obj instanceof Foo
返回true,则并不意味着该表达式会永远返回ture,因为Foo.prototype属性的值有可能会改变
,改变之后的值很有可能不存在于obj
的原型链上,这时原表达式的值就会成为false
。另外一种情况下,原表达式的值也会改变,就是改变对象obj
的原型链的情况,虽然在目前的ES规范中,我们只能读取对象的原型而不能改变它,但借助于非标准的__proto__魔法属性
,是可以实现的
。比如执行obj.__proto__ = {}之后
,obj instanceof Foo就会返回false了。
instanceof和多全局对象
(多个frame或多个window之间的交互)
在浏览器中,我们的脚本可能需要在多个窗口之间进行交互。多个窗口意味着多个全局环境,不同的全局环境拥有不同的全局对象,从而拥有不同的内置类型构造函数。这可能会引发一些问题。比如,表达式 [] instanceof window.frames[0].Array
会返回false
,因为Array.prototype !== window.frames[0].Array.prototype
,因此你必须使用Array.isArray(myObj)
或者 Object.prototype.toString.call(myObj) === "[object Array]"
来判断myObj是否是数组。
例子
例子: 表明String
对象和Date对象都属于
Object类型
下面的代码使用了instanceof
来证明:String和
Date对象
同时也属于Object类型
。
var simpleStr = "This is a simple string"; var myString = new String();var newStr = new String("String created with constructor");var myDate = new Date();var myObj = {};simpleStr instanceof String; // returns false, 检查原型链会找到 undefinedmyString instanceof String; // returns truenewStr instanceof String; // returns truemyString instanceof Object; // returns truemyObj instanceof Object; // returns true, despite an undefined prototype({}) instanceof Object; // returns true, 同上myString instanceof Date; // returns falsemyDate instanceof Date; // returns truemyDate instanceof Object; // returns truemyDate instanceof String; // returns false
演示mycar属于Car类型的同时又
属于Object类型
下面的代码创建了一个类型Car
,以及该类型的对象实例
mycar
. instanceof
运算符表明了这个mycar对象既属于
Car类型
,又属于
Object类型
。
function Car(make, model, year) { this.make = make; this.model = model; this.year = year;}var mycar = new Car("Honda", "Accord", 1998);var a = mycar instanceof Car; // 返回 truevar b = mycar instanceof Object; // 返回 true
- instanceof 和原型链
- 深入理解JS—instanceof和原型链
- javascript------探索instanceof执行原理(原型与原型链)
- 原型 和 原型链
- 原型和原型链
- 原型和原型链
- 原型和原型链
- 原型和原型链
- 原型和原型链
- 原型和原型链
- 原型和原型链
- 原型和原型链
- 原型和原型链
- JavaScript 原型链/Function/Object/属性搜索原则/instanceof
- javascript原型和原型链
- JS原型和原型链
- JS原型和原型链
- 原型和原型链详解
- weblogic性能调优
- 阿里云CentOS7.264位下Node.js环境部署
- ViewPager + Fragment实现滑动标签页
- Android热修复原理
- eclipse下保证jdbc以SQL身份验证方式连接SQL Server2008数据库
- instanceof 和原型链
- EasyUI问题总结
- 关于display:inline-block
- [LeetCode]Multiply Strings
- C++ 运算符重载
- Java EE 包含哪些技术
- 数据结构 二:表(list)、栈(stack)、队列(Queue)
- 14.1.1 使用InnoDB 表的好处:
- 404、500错误拦截