首先个人认为 ts 很棒，但是写起来太繁琐了，一不小心就坠入了类型体操的地狱，jsdoc也半斤八两，例如 定义函数的参数 要写 @params这么长的字段，真麻烦，那么有没有更加简单一点的来处理，我认为是可以的,
注意必须在比较完备的编辑器中才支持（webstorm中和vscode中）
我们知道在webstorm中和vscode中 是具备简单的类型提示：如图：
可以看到 a在webstorm中因为初始化了 所以被判定为number string和数组类似 如下：
- 规则1： 那么 如果是复杂类型呢，如何让数组里面为对象的时候也提示呢 我们可以通过初始化数组的时候先填充一个对象 再让其length变成0(通过slice(5,6) slice(-1,-2) 之类的可以让数组的长度变成0) 如下:
- 规则2 对于复杂的对象类型 我们可以这样定义
- 规则3 那么在vue3中 例如我们想让ref指定为dom对象 该怎么办呢 dom对象具有dom的一些特殊属性 例如style,classList... 我们可以让一个不存在的dom赋值给shallowref(实测 ref不会有类型提示) 如下：
- 规则4 针对于函数形参或者promise.then的形参 可能稍微麻烦一点点 需要额外定义一个函数来确定形参的类型，其中if(1){}这个主要是为了保证函数在不传的情况下就是undefined，如下是promise的:
如下是函数的：
如下是函数返回值的 都能够正常提示：
如果还有 请欢迎补充哦~