TypeScript 用起来真是太痛苦了

在这里插入图片描述

此前我写了几篇文章，关于 Electron，关于 Vue，创建项目的时候，我都默认选择了使用 TypeScript 的模板，不过我都加了一句话，初学者如果不想自己找麻烦的话，最好不要使用 TypeScript。原因呢，也很简单，因为不但用起来很痛苦，配置起来也很痛苦。

一、什么是 TypeScript？

TypeScript 是由微软开发的一个开源编程语言。它是 JavaScript 的一个超集，这意味着它包含了 JavaScript 的所有功能，并且在此基础上增加了静态类型检查和其他一些特性。TypeScript 的目标是开发大型应用程序，提供更好的代码组织、维护和协作能力。

以下是 TypeScript 的一些关键特性：

静态类型检查：
- TypeScript 最显著的特性是它的静态类型系统。开发者可以在代码中为变量、函数参数、返回值等指定类型。这有助于在编译时捕获潜在的错误，而不是在运行时。
类和接口：
- TypeScript 支持面向对象编程的类和接口。这使得开发者可以创建复杂的数据结构和封装代码，从而提高代码的可读性和可维护性。
模块系统：
- TypeScript 提供了一个模块系统，允许开发者将代码分割成独立的模块。这有助于组织大型项目，并支持模块化开发。
编译到 JavaScript：
- TypeScript 最终会被编译成纯 JavaScript 代码，这意味着它可以在任何支持 JavaScript 的环境中运行，包括所有现代浏览器和 Node.js。
工具和编辑器支持：
- TypeScript 拥有广泛的工具和编辑器支持，包括 Visual Studio Code、WebStorm、Sublime Text 等。这些工具提供了代码高亮、自动补全、类型检查和重构等功能。
兼容性：
- TypeScript 旨在与现有的 JavaScript 代码库兼容。它支持最新的 ECMAScript 标准，并且可以配置以兼容旧版本的 JavaScript。
装饰器：
- TypeScript 引入了装饰器（Decorators），这是一种特殊的声明，可以附加到类声明、方法、访问器、属性或参数上。装饰器为 TypeScript 代码提供了一种新的扩展机制。
高级类型：
- TypeScript 提供了高级类型，如联合类型（Union Types）、交叉类型（Intersection Types）、字面量类型、类型别名、类型断言等，这些特性使得类型管理更加灵活和强大。

TypeScript 的目标是让开发者能够编写更健壮、更易于维护的代码，同时享受现代 JavaScript 开发的所有优势。它在大型项目和企业级开发中尤其受欢迎，因为它可以帮助团队更有效地协作和管理代码。

二、使用 TypeScript 带来的麻烦

在项目中实际使用 TypeScript 的时候，会产生许多的麻烦，下面我来说说，都有哪些。

1. 编写代码

在写所有的代码的时候，都要声明类型，比如：


function printNumber(num: number) {
  console.log(num)
}

上面的代码里，声明了一个 number 类型的参数，如果只是这种程度，远远算不上麻烦，比起能带来的好处如第一章介绍的来说，这点麻烦不值一提。

我觉得真正的麻烦在于，我们编写代码的时候，都不是孤立的。往往会结合很多的类库，或者框架。这时候麻烦就来了。很多类库、框架都是老牌的，那么这些是否都提供了对应的 TypeScript 版本呢？未必。

如果提供了 TypeScript 版本，那么类型定义是否都完整提供了呢？未必。

如果提供了类型的完整定义，那么是否提供了详细的使用文档呢？未必。

我举个例子，比如我在使用 Vue 3 开发的 Element Plus，这么有名的框架，当然使用 TypeScript 开发的，不过，看看这个：

<template>
<el-tree-select @onCheck="onCheck"></el-tree-select>
</template>
<script lang="ts" setup>
function onCheck(data, node, treeNode, event) {
//...
} 
</script>