主页 / 问题 / 697636
Accepted
Мистер Фикс
Asked:2020-07-25 23:24:27 +0000 UTC2020-07-25 23:24:27 +0000 UTC

如何继承Date？（打字稿）

  • 772

这是一个看似合乎逻辑的选择：

class MyDate extends Date {
    constructor(dateTimeStr: string) {
        super(dateTimeStr);
        console.log(this, typeof(this));
        this.setTime(this.getTime() + 1000);
    }        
}

但事实证明，显然，因为它作为函数super调用，而不是作为类调用，所以它返回一个字符串。因此，它变成了一个字符串。DateDate()new DateDatethis

告诉我您通常如何延长日期。

javascript

1 个回答

  1. Best Answer

    如果使用 ES6 语法，则提供的代码示例有效。在这种情况下与打字稿的区别仅在于没有传递给构造函数的参数类型。

    这是可能的，因为规范部分中的类Date具有以下几行：

    Date 构造函数被设计为可子类化。它可以用作类定义的扩展子句的值。打算继承指定 Date 行为的子类构造函数必须包括对 Date 构造函数的超级调用，以使用 [[DateValue]] 内部槽创建和初始化子类实例。

    定义了构造函数Date，以便可以创建子类。它可以用作extends类定义中的值。必须继承该行为的子类构造函数Date必须包含super创建和初始化内部槽 [[DateValue]]的调用。

    为确保一切正常，您可以使用示例：

    class MyDate extends Date {
  constructor(dateTimeStr) {
    super(dateTimeStr);
    console.log(this, typeof(this));
    this.setTime(this.getTime() + 1000);
  }
}

var d = new MyDate("2017-07-26T00:00:00.000Z");

console.log(d.getDate()); // 26

    为什么它不能在打字稿中工作，而需要手动实施？

    问题出在 internal slot[[DateValue]]上，所有函数都在内部访问它Date。

    因此，下面的例子会抛出一个异常：

    function MyDate(dateTimeStr) {
  Date.call(this, dateTimeStr);
  this.setTime(this.getTime() + 1000);
}

MyDate.prototype = Object.create(Date.prototype);

var d = new MyDate("2017-07-26T00:00:00.000Z");

    进入打字稿的实现有点复杂

    function MyDate(dateTimeStr) {
    var _this = _super.call(this, dateTimeStr) || this;
    console.log(_this, typeof (_this));
    _this.setTime(_this.getTime() + 1000);
    return _this;
}

    在这种情况下，它会覆盖this将从构造函数返回的 ，并且_super.call(this, dateTimeStr)在这种情况下调用等同于调用Date.call(this, dateTimeStr)，它只会返回一个字符串。

    如何决定？

    如果您在其中指定 ES6 和更高版本，编译密钥-target可以帮助解决这个问题。

    在手动实施的情况下，类似的问题建议创建一个 Date 并更改其原型，如下所示：

    function MyDate(dateTimeStr) {
  var _this = new Date(dateTimeStr);
  _this.setTime(_this.getTime() + 1000);
  Object.setPrototypeOf(_this, MyDate.prototype);
  return _this;
}

MyDate.prototype = Object.create(Date.prototype);
MyDate.prototype.foo = function(){
  return `${this.getFullYear()}-${this.getMonth()+1}`;
}

var d = new MyDate("2017-07-26T00:00:00.000Z");
console.log(d.getDate()); // 26
console.log(d instanceof Date); // true
console.log(d instanceof MyDate); // true
console.log(d.foo()); //2017-7

    • 2

相关问题