入门前端-《JavaScript 语言入门教程-Object 对象的相关方法》

痛定思痛。 2022-10-11 13:30 134阅读 0赞

# Object.getPrototypeOf() #

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

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

# 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()`方法，用来满足这种需求。  
该方法接受一个对象作为参数，然后以它为原型，返回一个实例对象。  
该实例完全继承原型对象的属性。

// 原型对象
    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.getOwnPropertyNames() #

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

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

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

# in 运算符和 for…in 循环 #

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

'length' in Date // true
    'toString' in Date // true

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

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

var o1 = {  p1: 123 };
    
    var o2 = Object.create(o1, { 
      p2: {  value: "abc", enumerable: true }
    });
    
    for (p in o2) { 
      console.info(p);
    }
    // p2
    // p1

上面代码中，对象`o2`的`p2`属性是自身的，`p1`属性是继承的。  
这两个属性都会被`for...in`循环遍历。