TypeScript类型注解

什么是 TypeScript 的类型注解（Type Annotation）？

类型注解（或称类型标注）是用来为变量、常量、数组、函数和对象等显式指定类型的一种语法。使用语法: type，即通过在标识符后面加上冒号和类型，如：

// a 为数字类型
let a: number;⁠

告诉编译器该标识符只能用作这种类型。如果类型不匹配，编译器会报错。

---

如何为变量和常量添加类型注解？

在变量或常量名后面加冒号和类型即可。例如：

⁠let count: number;⁠
const name: string = 'Alice';⁠

这样，count⁠ 只能是数字，name⁠ 只能是字符串。

---

给变量赋值时，类型注解有什么作用？

如果变量有类型注解，只能赋予对应类型的值。例如：

// 正确
let counter: number;⁠
counter = 1;

// 错误，编译器报错⁠
⁠⁠counter = 'Hello';

类型注解让变量更安全，编译期即可发现问题，减少运行时错误。下面的数组、函数和对象的注解也是此目的。

---

如何为数组添加类型注解？

用类型加中括号表示数组类型，比如：

let names: string[] = ['John', 'Jane'];⁠

这表示 names⁠ 是字符串数组，且只能包含字符串。

---

对象如何添加类型注解？

对象类型注解用花括号描述每个属性和类型，例如：

// 这样 ⁠person⁠ 只能有 name⁠（字符串）和 age⁠（数字）两个属性。
let person: {
  name: string;
  age: number;
};

// 正确写法
person = { name: 'John', age: 25 };

// 错误写法
person = { name: 'John', age: 25, gender: 'male' };

---

函数参数和返回值怎么写类型注解？

参数类型和返回值类型都要注解。例如：

// 这表示 sayHello⁠ 是个接收一个字符串参数，并返回一个字符串的函数。
let sayHello: (name: string) => string;

// 正确写法： 给函数sayHello赋值，它接受一个字符串类型的参数 name，并返回一个字符串的函数。
sayHello = function(name: string): string {
    return `Hello, ${name}`;
}

// 错误写法
sayHello = function(){
    return console.log('Hello');
}

---

• 如果你觉得我的工作对你有帮助，可以通过分享这篇文字或者关注同名公众号来支持我，你的支持是我持续创作的最大动力：
  

• 转载以及引用请注明原文链接。

• 本博客所有文章除特别声明外，均采用CC 署名-非商业使用-相同方式共享 许可协议。