zoukankan      html  css  js  c++  java
  • javascript运算符instanceof

    概述

    instanceof 运算符可以用来判断某个构造函数的prototype属性是否存在另外一个要检测对象的原型链上。

    语法

    object instanceof constructor

    参数

    object
    要检测的对象.
    constructor
    某个构造函数

    描述

    instanceof运算符用来检测constructor.prototype是否存在于参数object的原型链上。

    function C(){} // 定义一个构造函数
    function D(){} // 定义另一个构造函数
    
    var o = new C();
    o instanceof C; // true,因为:Object.getPrototypeOf(o) === C.prototype
    o instanceof D; // false,因为D.prototype不在o的原型链上
    o instanceof Object; // true,因为Object.prototype.isPrototypeOf(o)返回true
    C.prototype instanceof Object // true,同上
    
    C.prototype = {};
    var o2 = new C();
    o2 instanceof C; // true
    o instanceof C; // false,C.prototype指向了一个空对象,这个空对象不在o的原型链上.
    
    D.prototype = new C();
    var o3 = new D();
    o3 instanceof D; // true
    o3 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 myString = new String();
    var myDate = new Date();
    
    myString instanceof String; // 返回true
    myString instanceof Object; // 返回true
    myString instanceof Date;   // 返回false
    
    myDate instanceof Date;     // 返回true
    myDate instanceof Object;   // 返回true
    myDate instanceof String;   // 返回false

    例子: 表明mycar属于Car类型,同时又属于Object类型

    下面的代码创建了一个类型Car以及该类型的对象实例mycarinstanceof运算符表明了这个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;    // 返回 true
    var b = mycar instanceof Object; // 返回 true

    规范

    SpecificationStatusComment
    ECMAScript 1st Edition. Standard Initial definition. Implemented in JavaScript 1.4
    ECMAScript 5.1 (ECMA-262)
    The instanceof operator
    Standard  
    ECMAScript 6 (ECMA-262)
    Relational Operators
    Draft  

    浏览器兼容性

    FeatureChromeFirefox (Gecko)Internet ExplorerOperaSafari
    Basic support (Yes) (Yes) (Yes) (Yes) (Yes)
  • 相关阅读:
    kindeditor扩展粘贴截图功能&修改图片上传路径并通过webapi上传图片到图片服务器
    解决VS2015 VBCSCompiler.exe 占用CPU100%的问题
    电商网站商品模型之商品详情页设计方案
    大三那年在某宝8块钱买的.NET视频决定了我的职业生涯
    单点登录改进版-使用ajax分发cookie避免重定向轮询
    可跨域的单点登录(SSO)实现方案【附.net代码】
    使用ANTS Performance Profiler&ANTS Memory Profiler工具分析IIS进程内存和CPU占用过高问题
    js封装的三级联动菜单(使用时只需要一行js代码)
    EF查询之性能优化技巧
    EF使用CodeFirst方式生成数据库&技巧经验
  • 原文地址:https://www.cnblogs.com/leejersey/p/4283678.html
Copyright © 2011-2022 走看看