如何在 TypeScript 中执行函数参数验证？

Question

我有一个 TypeScript 类，我想用它来管理复选框。它看起来像这样：

export class TriStateCheckboxManager {

    constructor(public checkBox: HTMLInputElement) {
        if (checkBox.type != "checkbox") {
            // What now?
        }
    }
}

如果复选框的类型不等于checkbox.

Answer 1

因为 TypeScript 是 JavaScript 的超集，所以它支持所有内置的 JavaScript 函数、类型、对象、关键字等。您正在寻找的是关键字throw，它将引发所需的异常。

到目前为止，您的代码很好，因此以下代码可以完成这项工作。

export class TriStateCheckboxManager {

    constructor(public checkBox: HTMLInputElement) {
        if (checkBox.type !== "checkbox") {
            // checkBox doesn't meet the reqruirements,
            // so raise an error. Optionally, you could
            // log a message, warning or whatever you want
            // to the console.
            console.warn("checkBox.type doesn't match.", checkBox, this);
            throw "checkBox.type doesn't match."    // Throw anything you want here
        }
    }
}

顺便说一句：强烈建议在 JavaScript（即 TypeScript）中使用!==和===来进行比较，而不是!=和==。请参阅此处了解更多信息。

编辑：正如 MiMo 下面所说，你可以抛出任何你想要的类型，因此对象也是合适的候选者。

我发现如果您热衷于 JavaScript / TypeScript 错误处理，这篇文章看起来很有前途。这是在 JavaScript 中抛出错误的MDN页面。