在 TypeScript 3.8 中扩展字符串

Question

我想要扩展String 原型以添加.trimSlashes() 方法来擦除字符串两端的斜线；我不能让它进行就地替换（而不是要求返回一个字符串，只需在调用时更改自己的字符串），但这将是另一个问题。

我使用的是 TypeScript 3.8.3 版。

所以我有这个 trimSlashes.ts 文件：

import * as fs from "fs";

interface String {
  trimSlashes(this: string) : string;
}

String.prototype.trimSlashes = function (this : string) : string {
  var str = this;
  if (str.startsWith("/")) {
    str = str.replace(/^\/+/, "")
  }
  if (str.endsWith("/")) {
    str = str.replace(/\/+$/, "");
  }

  return str;
}

let test = "//myTest/";

console.log("Original string: " + test);
test.trimSlashes();

console.log("Trimmed slashes: " + test);

console.log("File or directory exists: " + fs.existsSync(test));

我添加了fs 上下文，因为它需要触发编译器停止解析并抱怨Property 'trimSlashes' does not exist on type 'String'. 的错误。如果没有 fs 代码，它会在 NodeJS 上构建和运行。

补充说明

有几个这样的问题，但似乎没有人要求 3.8 版，而且我能找到的所有答案都不适用。

我尝试创建一个单独的 .d.ts 文件，将其包含在源代码中，现在我正在尝试我认为最简单的方法：在一个文件中声明所有内容。如果需要，我不介意有一个 .d.ts 文件，但我就是无法让它工作。

Answer 1

我相信添加import * as fs from 'fs' 会强制编译器将该文件视为一个模块。当这种情况发生时，Typescript 会意识到在一个更大的程序中存在一个可能受此文件影响的全局范围，并且不会让全局原型混乱，除非你告诉它你真的打算这样做。

要显式修改全局接口，请使用declare global。

declare global {
  interface String {
    trimSlashes(this: string): string;
  }
}

Playground

我会把它放在我项目根目录的string.d.ts 中。打字稿应该选择它并允许该方法。只需确保在任何可能使用它的代码之前导入将该函数添加到实际原型的文件，否则您仍然会遇到运行时错误。