美文网首页
JavaScript的面对对象编程4

JavaScript的面对对象编程4

作者: 原点_da4e | 来源:发表于2019-04-13 17:20 被阅读0次

    Object.getPrototypeOf()

    Object.getPrototypeOf方法返回参数对象的原型。这是获取原型对象的标准方法。

    var F = function () {};
    var f = new F();
    Object.getPrototypeOf(f) === F.prototype // true
    

    上面代码中,实例对象f的原型是F.prototype。

    Object.setPrototypeOf()

    Object.setPrototypeOf方法为参数对象设置原型,返回该参数对象。它接受两个参数,第一个是现有对象,第二个是原型对象。

    var a = {};
    var b = {x: 1};
    Object.setPrototypeOf(a, b);
    
    Object.getPrototypeOf(a) === b // true
    a.x // 1
    

    上面代码中,Object.setPrototypeOf方法将对象a的原型,设置为对象b,因此a可以共享b的属性。

    Object.create()

    JavaScript 提供了Object.create方法,用来满足这种需求。该方法接受一个对象作为参数,然后以它为原型,返回一个实例对象。该实例完全继承原型对象的属性。

    
    
    // 原型对象
    var A = {
      print: function () {
        console.log('hello');
      }
    };
    
    // 实例对象
    var B = Object.create(A);
    
    Object.getPrototypeOf(B) === A // true
    B.print() // hello
    B.print === A.print // true
    
    

    上面代码中,Object.create方法以A对象为原型,生成了B对象。B继承了A的所有属性和方法。

    Object.prototype.isPrototypeOf()

    实例对象的isPrototypeOf方法,用来判断该对象是否为参数对象的原型。

    var o1 = {};
    var o2 = Object.create(o1);
    var o3 = Object.create(o2);
    
    o2.isPrototypeOf(o3) // true
    o1.isPrototypeOf(o3) // true
    

    上面代码中,o1和o2都是o3的原型。这表明只要实例对象处在参数对象的原型链上,isPrototypeOf方法都返回true。

    Object.prototype.proto

    实例对象的proto属性(前后各两个下划线),返回该对象的原型。该属性可读写。

    var obj = {};
    var p = {};
    
    obj.__proto__ = p;
    Object.getPrototypeOf(obj) === p // true
    

    上面代码通过proto属性,将p对象设为obj对象的原型。

    获取原型对象方法的比较

    如前所述,proto属性指向当前对象的原型对象,即构造函数的prototype属性。

    var obj = new Object();
    
    obj.__proto__ === Object.prototype
    // true
    obj.__proto__ === obj.constructor.prototype
    // true
    

    上面代码首先新建了一个对象obj,它的proto属性,指向构造函数(Object或obj.constructor)的prototype属性。

    因此,获取实例对象obj的原型对象,有三种方法。

    obj.proto
    obj.constructor.prototype
    Object.getPrototypeOf(obj)
    上面三种方法之中,前两种都不是很可靠。proto属性只有浏览器才需要部署,其他环境可以不部署。而obj.constructor.prototype在手动改变原型对象时,可能会失效。

    Object.getOwnPropertyNames()

    Object.getOwnPropertyNames方法返回一个数组,成员是参数对象本身的所有属性的键名,不包含继承的属性键名。

    Object.getOwnPropertyNames(Date)
    // ["parse", "arguments", "UTC", "caller", "name", "prototype", "now", "length"]
    
    

    上面代码中,Object.getOwnPropertyNames方法返回Date所有自身的属性名。

    Object.prototype.hasOwnProperty()

    对象实例的hasOwnProperty方法返回一个布尔值,用于判断某个属性定义在对象自身,还是定义在原型链上。

    Date.hasOwnProperty('length') // true
    Date.hasOwnProperty('toString') // false
    

    上面代码表明,Date.length(构造函数Date可以接受多少个参数)是Date自身的属性,Date.toString是继承的属性

    in 运算符和 for...in 循环

    in运算符常用于检查一个属性是否存在。

    获得对象的所有可遍历属性(不管是自身的还是继承的),可以使用for...in循环。

    拷贝

    是利用 ES2017 才引入标准的Object.getOwnPropertyDescriptors方法。

    function copyObject(orig) {
      return Object.create(
        Object.getPrototypeOf(orig),
        Object.getOwnPropertyDescriptors(orig)
      );
    }
    

    相关文章

      网友评论

          本文标题:JavaScript的面对对象编程4

          本文链接:https://www.haomeiwen.com/subject/kqkrwqtx.html