Как унаследоваться от Date? (typescript)

Приведенный пример кода работает, если используется синтаксис ES6. Отличие от typescript в данном случае только в отсутствии типа параметра, передаваемого в конструктор.

Это возможно, так как класс в разделе спецификации о Date есть следующие строки:

The Date constructor is designed to be subclassable. It may be used as the value of an extends clause of a class definition. Subclass constructors that intend to inherit the specified Date behaviour must include a super call to the Date constructor to create and initialize the subclass instance with a [[DateValue]] internal slot.

Конструктор 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

Почему не работает в typescript, и при ручной реализации?

Проблема заключается во внутреннем слоте [[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");

Реализация, которая идет в typescript несколько сложнее

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), что просто вернет строку.

Как решить?

Победить эту проблему может помочь ключ компиляции -target, если в нем указать ES6 и выше.

В случае ручной реализации, в похожем вопросе советуют создавать 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