注意: 如果您是 TypeScript 新手,请先查看我们的 TypeScript 入门 教程。
在 TypeScript 中,void
类型表示函数不返回值。
这是一个 void
类型的简单示例。您可以阅读本教程的其余部分了解更多信息。
示例
function logMessage(message: string): void {
console.log(message);
}
logMessage("Good Morning!");
// Output: Good Morning!
在这里,logMessage()
函数被声明为返回 void
。
在函数中使用 void
您可以像这样在函数声明中使用 void
:
function functionName(): void {
// Body of function
}
TypeScript void 与 JavaScript void
如果函数在 TypeScript 中不返回值,您必须显式地将返回类型声明为 void
。
TypeScript 可确保类型安全,如果您尝试返回任何内容,它会报错。
// TypeScript Code
function logMessage(message: string): void {
console.log(message);
// TypeScript will throw an error if you try to return a value
}
但是,您无需在 JavaScript 中指定返回类型。不返回值的函数隐式返回 undefined
。
// JavaScript Code
function logMessage(message) {
console.log(message);
}
void 与箭头函数
void
类型也适用于箭头函数,表示函数不返回任何值。例如:
const logClick = (): void => {
console.log("Button clicked!");
}
logClick();
输出
Button clicked!
这在回调和事件处理程序中特别有用,因为您不希望意外返回值。
何时使用 void?
在 TypeScript 中定义旨在执行而不返回任何值的函数时,请使用 void
类型。
例如,如果您想显示一条警报消息而不返回任何值,您可以使用 void
类型:
function showAlert(): void {
alert("Programming Expert Found!");
}
showAlert();
具有 void
返回类型的函数通常涉及副作用,例如更新 UI、将消息记录到控制台或触发不需要或不期望返回值操作。
另请阅读