typescript - 打字稿：试图扩展字符串类...无法在我的方法中获取对字符串值的引用

Question

class MString extends String {
    
    constructor(value: string) {
        super(value)
        console.log(typeof this)//string 
    }

    /**
     * replaces substrings in string, based on the keys and values of the 'translation' object passed in.
     * @param str
     * @param translations
     */
    replaceAll(translations: { [key: string]: string }) {
        console.log(this)//MString {}
        let replacedStr: String = this;
        for (const key of Object.keys(translations)) {
            while (replacedStr.includes(key)) {
                replacedStr = replacedStr.replace(key, translations[key]);
            }
        }
        return replacedStr;
    }
}

在构造函数中，它将“this”的类型记录为字符串。但在 replaceAll() 中，它记录为 MString {}。

我也收到如下错误：

            while (replacedStr.includes(key)) {
                               ^
TypeError: String.prototype.toString requires that 'this' be a String
    at MString.toString (<anonymous>)
    at MString.includes (<anonymous>)
    at MString.replaceAll (/mnt/d/Dev/bullshit/src/index.ts:24:32)
    at Object.<anonymous> (/mnt/d/Dev/bullshit/src/index.ts:34:17)
    at Module._compile (internal/modules/cjs/loader.js:1138:30)
    at Module.m._compile (/mnt/d/Dev/bullshit/node_modules/ts-node/src/index.ts:1043:23)
    at Module._extensions..js (internal/modules/cjs/loader.js:1158:10)
    at Object.require.extensions.<computed> [as .ts] (/mnt/d/Dev/bullshit/node_modules/ts-node/src/index.ts:1046:12)
    at Module.load (internal/modules/cjs/loader.js:986:32)
    at Function.Module._load (internal/modules/cjs/loader.js:879:14)

相同的实现适用于 javascript。我尝试将其转换为字符串。徒劳无功。我尝试调用 super.valueOf()。徒劳无功。我尝试将它绑定到 replaceAll() 方法。徒劳无功。我尝试创建一个属性来保存初始化对象的字符串。但我显然不被允许这样做。

为什么我在使用 replaceAll() 方法后似乎丢失了对字符串实例的引用？有没有办法让我访问字符串实例的值？

[已解决] 感谢某些性能。我意识到问题在于我正在编译为 es5 javascript。我应该编译成 es6。

标签： typescriptbindingextends