JS 已经能实现类型检查，怎么整？

大家好，我是恺哥。

我前几天写了一篇文章聊了下 TS 官方推动的一个新 JS 提案：在 JS 中使用类型。

没读过的读者有兴趣的话可以看看。

实际上在当下，我们也可以在 JS 文件中进行类型检查，虽然没有直接写 TS 类型那么简单，但是对于老项目的话总归是个不错的解决方案。

实现起来很简单，我们创建一个 JS 文件，然后在文件顶部添加一行注释：// @ts-check。

当然不写这行注释也可，如果你使用的是 VSCode 的话，可以把以下选项勾上，实现的功能也一样：

接下来随便写一个函数：

function add(a, b) {
  return a + b;
}

此时我们会发现函数的两个参数底下都出现了一条虚线，鼠标放上去以后就能看到一个 TS 的警告：

写过 TS 的同学肯定熟悉这个，接下来我们点击快速修复试试。

此时我们会发现这个函数被自动添加了一块注释：

这个 any 大家肯定都很熟悉吧，如果希望这两个参数类型是 number 的话就改成 number。

最后我们来调用这个函数试试：

这个时候能发现类型检查生效了，和 TS 中的检查没啥区别了。

以上功能笔者觉得还是挺适合老项目使用的，毕竟类型检查是最有效提升代码质量的一环。