TypeScript void 类型

注意: 如果您是 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、将消息记录到控制台或触发不需要或不期望返回值操作。


另请阅读

你觉得这篇文章有帮助吗?

我们的高级学习平台,凭借十多年的经验和数千条反馈创建。

以前所未有的方式学习和提高您的编程技能。

试用 Programiz PRO
  • 交互式课程
  • 证书
  • AI 帮助
  • 2000+ 挑战