如何在 Typescript 中扩展字符串原型并在接下来使用它

发布于11月20日

我正在用一种新方法扩展字符串原型链，但当我try 使用它时，它抛出了一个错误:property 'padZero' does not exist on type 'string'.谁能帮我解决这个问题吗？

代码如下.在Typescript中也可以看到同样的错误.

interface NumberConstructor {
    padZero(length: number);
}
interface StringConstructor {
    padZero(length: number): string;
}
String.padZero = (length: number) => {
    var s = this;
    while (s.length < length) {
      s = '0' + s;
    }
    return s;
};
Number.padZero = function (length) {
    return String(this).padZero(length);
}

推荐答案

如果要增加class而不是instance，请增加构造函数:

declare global {
  interface StringConstructor {
    padZero(s: string, length: number): string;
  }
}

String.padZero = (s: string, length: number) => {
  while (s.length < length) {
    s = '0' + s;
  }
  return s;
};

console.log(String.padZero('hi', 5))

export {}

*如果您在.ts中输入declare global，但不输出任何内容，则需要底部的空导出.这将强制文件成为一个模块*

如果你想要instance(又名prototype)上的功能，

declare global {
  interface String {
    padZero(length: number): string;
  }
}

String.prototype.padZero = function (length: number) {
  let d = String(this)
  while (d.length < length) {
    d = '0' + d;
  }
  return d;
};

console.log('hi'.padZero(5))

export {}