如何在 Typescript 4.0.3 中正确扩展数组原型？

Question

我正在尝试Array使用一些自定义方法扩展基本接口。我环顾了 SO 和 typescript 文档，最后将以下代码放在一起：

// In module Func.ts

declare global {
  type Array<T> = {
    intersperse(mkT: (ix: number) => T): T[];
  };
}

if (!('intersperse' in Array.prototype)) {
  Array.prototype.intersperse = function intersperse<T>(this: T[], mkT: (ix: number) => T): T[] {
    return this.reduce((acc: T[], d, ix) => [...acc, mkT(ix), d], []).slice(1);
  };
}

但是，我收到以下错误：

// On type Array<T> = { ... }
Duplicate identifier 'Array'.ts(2300)

// On Array.prototype.intersperse = ...
Property 'intersperse' does not exist on type 'any[]'.ts(2339)

此外，每当我尝试intersperse在其他文件中使用时，我都会收到错误消息

Property 'intersperse' does not exist on type 'Element[]'.ts(2339)

这是可以预料的，考虑到声明Func.ts似乎没有用。由此，我认为 SO 问题已经过时（或不完整），并且此后发生了一些变化。

那么，消除这些错误并扩展 Array 原型的最佳扩展方法是什么？在你说我不应该这样做之前——是的，我知道所有的风险，无论如何我做了一个明智的决定。

Answer 1

Array被定义为接口而不是类型。打字稿中的接口是开放式的，可以通过多个声明添加。类型不共享相同的功能。

export{}
declare global {
  interface Array<T>  {
    intersperse(mkT: (ix: number) => T): T[];
  }
}

if (!Array.prototype.intersperse) {
  Array.prototype.intersperse = function intersperse<T>(this: T[], mkT: (ix: number) => T): T[] {
    return this.reduce((acc: T[], d, ix) => [...acc, mkT(ix), d], []).slice(1);
  };
}

游乐场链接

正如 TJ Crowder 提到的，您可能会考虑使用Object.defineProperty以确保该属性不可枚举：

export {}
declare global {
  interface Array<T>  {
    intersperse(mkT: (ix: number) => T): T[];
  }
}

if (!Array.prototype.intersperse) {
  Object.defineProperty(Array.prototype, 'intersperse', {
    enumerable: false, 
    writable: false, 
    configurable: false, 
    value: function intersperse<T>(this: T[], mkT: (ix: number) => T): T[] {
      return this.reduce((acc: T[], d, ix) => [...acc, mkT(ix), d], []).slice(1);
    }
  });
}

游乐场链接