zoukankan      html  css  js  c++  java
  • Object的对象的相关方法

    Object.getPrototypeOf()

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

    var F = function () {};

    var f = new F();

    Object.getPrototypeOf(f) === F.prototype // true

    几种特殊对象的原型。

    • 空对象的原型是 Object.prototype
    • Object.prototype 的原型是 null
    • 函数的原型是 Function.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()

    生成实例对象的常用方法是,使用new命令让构造函数返回一个实例。但是很多时候,只能拿到一个实例对象,它可能根本不是由构建函数生成的,可以从从一个实例对象,生成另一个实例对象

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

    如果想要生成一个不继承任何属性(比如没有toString和valueOf方法)的对象,可以将Object.create的参数设为null。

    var obj = Object.create(null);

    Object.prototype.isPrototypeOf()

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

    var o1 = {};

    var o2 = Object.create(o1);

    var o3 = Object.create(o2);

    o2.isPrototypeOf(o3) // true

    o1.isPrototypeOf(o3) // true

    Object.prototype.__proto__

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

    var obj = {};

    var p = {};

    obj.__proto__ = p;

    Object.getPrototypeOf(obj) === p // true

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

    根据语言标准,__proto__属性只有浏览器才需要部署,其他环境可以没有这个属性。它前后的两根下划线,表明它本质是一个内部属性,不应该对使用者暴露。因此,应该尽量少用这个属性,而是用Object.getPrototypeOf()和Object.setPrototypeOf(),进行原型对象的读写操作。

    获取原型对象方法的比较

    如前所述,__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)

    Object.getOwnPropertyNames()

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

    Object.getOwnPropertyNames(Date)

    // ["parse", "arguments", "UTC", "caller", "name", "prototype", "now", "length"]

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

    对象本身的属性之中,有的是可以遍历的(enumerable),有的是不可以遍历的。Object.getOwnPropertyNames方法返回所有键名,不管是否可以遍历。只获取那些可以遍历的属性,使用Object.keys方法。

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

    in运算符返回一个布尔值,表示一个对象是否具有某个属性。它不区分该属性是对象自身的属性,还是继承的属性。

    'length' in Date // true

    'toString' in Date // true

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

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

    对象的拷贝

    如果要拷贝一个对象,需要做到

    确保拷贝后的对象,与原对象具有同样的原型。

    确保拷贝后的对象,与原对象具有同样的实例属性。

    function copyObject(orig) {

      return Object.create(

        Object.getPrototypeOf(orig),

        Object.getOwnPropertyDescriptors(orig)

      );

     
  • 相关阅读:
    HTML5 新标签
    lAMBDA表达式剖析
    whitespace 属性设置如何处理元素内的空白。
    "~/" asp.net 表示路径的方法
    ASP.NET Session详解
    关于CSS Selector的优先级
    关于汉字转拼音
    ChildActionOnly + ActionName的用法
    html中的caption是什么用
    window.location.href location.href parent.location.href
  • 原文地址:https://www.cnblogs.com/hjy-21/p/12322444.html
Copyright © 2011-2022 走看看