es6 Object 数据属性和访问器属性

转载

wg_ijhFhFaB 2021-08-04 13:43:16

总结

ES5提供了Object.getOwnPropertyDescripter()方法来获取给定属性的描述符。

ps：getOwnPropertyDescripter

该方法接收两个参数：属性所在的对象和要读取其描述符的属性名称。结果会返回一个对象，如果是访问器属性，返回的对象有configuable、enumerable、get和set；如果是数据属性，这个返回对象的属性包括configuable、enumerable、writable和value。对于上面的例如，使用如下：

===============================

电梯：原文

Object.create()

用 `Object.create`实现类式继承

下面的例子演示了如何使用Object.create()来实现类式继承。这是一个所有版本JavaScript都支持的单继承。

// Shape - 父类(superclass)
function Shape() {
  this.x = 0;
  this.y = 0;
}

// 父类的方法
Shape.prototype.move = function(x, y) {
  this.x += x;
  this.y += y;
  console.info('Shape moved.');
};

// Rectangle - 子类(subclass)
function Rectangle() {
  Shape.call(this); // call super constructor.
}

// 子类续承父类
Rectangle.prototype = Object.create(Shape.prototype);
Rectangle.prototype.constructor = Rectangle;

// 因为使用“.prototype =...”后,constructor会改变为“=...”的那个
// constructor，所以要重新指定.constructor 为自身。