用函数创建自己的类型

Question

我试图创建自己的类型，在这些类型上我可以使用点语法调用函数。

let myOwnType: myByteType = 123211345;
myOwnType.toHumanReadable(2);

interface Number {
    /**
     * Returns a string representation of an object.
     * @param radix Specifies a radix for converting numeric values to strings. This value is only used for numbers.
     */
    toString(radix?: number): string;

    /**
     * Returns a string representing a number in fixed-point notation.
     * @param fractionDigits Number of digits after the decimal point. Must be in the range 0 - 20, inclusive.
     */
    toFixed(fractionDigits?: number): string;

    /**
     * Returns a string containing a number represented in exponential notation.
     * @param fractionDigits Number of digits after the decimal point. Must be in the range 0 - 20, inclusive.
     */
    toExponential(fractionDigits?: number): string;

    /**
     * Returns a string containing a number represented either in exponential or fixed-point notation with a specified number of digits.
     * @param precision Number of significant digits. Must be in the range 1 - 21, inclusive.
     */
    toPrecision(precision?: number): string;

    /** Returns the primitive value of the specified object. */
    valueOf(): number;
}

interface Bytes {
  toHumanReadable(decimals: number): bytesToHumanReadable;
  bytesAs(unit: string): string;
}


function bytesToHumanReadable (decimals: number) {
  // convert bytes to GB, TB etc..
}

我如何创建自己的类型并像普通类型一样使用它们？我知道接口也不工作，但这是我的第一个猜测。

Answer 1

问题是我找不到函数bodys在哪里以及如何定义。

它们由JavaScript引擎定义，作为标准库的一部分。您可以在number.prototype上找到它们。它的工作原理如下：当您试图访问一个原语的属性（例如Somenumber.toString())时，JavaScript引擎会在该原语的对象类型原型上查找该属性(number=>number，string=>string，等等）。如果您正在进行调用，它将调用该方法，传入基元（在严格模式下）或基元的对象包装器（在宽松模式下）。

您不能定义自己的基元类型，这只能在JavaScript规范级别上完成。

class Byte {
    constructor(public value: number) {
    }
    yourMethodHere() {
        // ...
    }
}

例如，这将向数字添加Tohex方法：

// Adding it to the type
interface Number {
    toHex(): string;
}
// Adding the implementation
Object.defineProperty(Number.prototype, "toHex", {
    value() {
        return this.toString(16);
    },
    enumerable: false, // This is the default, but just for emphasis...
    writable: true,
    configurable: true
});

操场上的活生生的例子