Vue3.0之前，如何运用TypeScript提升实战技能？

本文共计1655个文字，预计阅读时间需要7分钟。

很多人对TypeScript的使用还停留在基本操作上，实际上TypeScript的功能非常强大。我们利用好这些特性可以有效提升代码质量、加速开发效率。今天介绍9个非常实用TypeScript技巧或特性。

很多人对TypeScript的使用还停留在基本操作上,其实TypeScript的特性非常强大,我们利用好这些特性可以有效地提高代码质量、加速开发效率，今天就介绍9个非常实用的TypeScript技巧或者特性.

注释的妙用

我们可以通过 /** */ 来注释TypeScript的类型，当我们在使用相关类型的时候就会有注释的提示，这个技巧在多人协作开发的时候十分有用，我们绝大部分情况下不用去花时间翻文档或者跳页去看注释。

巧用类型推导

TypeScript 能根据一些简单的规则推断（检查）变量的类型。

比如一个简单的add函数

function add(a: number, b: number) { return a + b }

TypeScript就可以通过参数与return的运算符推导出函数的返回值

如果想获取函数整体的类型那么可以借助 typeof

注意与JavaScript中的typeof区分开

type AddFn = typeof add

当然上述情况算是比较简单的情况，有时候我们的返回值类型其实比较复杂，这个时候借助类型推导和 ReturnType 就可以很轻松地获取返回值类型。