ieda ts文件报错_ts笔记

背景

typescript 是微软发明的，像js是网景公司发明的，

每一门语言都是人发明的，由于是人发明的，人总是会犯错，

所以每一门语言都会有一些错误，那typescript主要就是为了解决js的一些错误或认为它不好的地方

复制代码

TS是什么

TypeScript = Type + Script(标准JS)。

我们从TS的官方网站上就能看到定义：

TypeScript is a typed superset of JavaScript that compiles to plain JavaScript。

TypeScript是一个编译到纯JS的有类型定义的JS超集

JavaScript 和 TypeScript 的主要差异

TypeScript 可以使用 JavaScript 中的所有代码和编码概念，TypeScript 是为了使 JavaScript 的开发变得更加容易而创建的。例如，TypeScript 使用类型和接口等概念来描述正在使用的数据，这使开发人员能够快速检测错误并调试应用程序

TypeScript 从核心语言方面和类概念的模塑方面对 JavaScript 对象模型进行扩展。

JavaScript 代码可以在无需任何修改的情况下与 TypeScript 一同工作，同时可以使用编译器将 TypeScript 代码转换为 JavaScript。

TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 中的数据要求带有明确的类型，JavaScript不要求。

TypeScript 为函数提供了缺省参数值。

TypeScript 引入了 JavaScript 中没有的“类”概念。

TypeScript 中引入了模块的概念，可以把声明、数据、函数和类封装在模块中。

安装与调试

npm install typescript@2.9.2 -g

复制代码

安装完之后我们会得到两个命令tsc和tsserver

tsc: TypeScript Compiler 把ts变成js的程序

npm install ts-node@7.0.0 -g

复制代码

让node支持typescript

注意记下 ts-node 安装后的可执行文件路径，后面要用的

为什么用TS

从开发效率上看，

虽然需要多写一些类型定义代码，但TS在VSCode、WebStorm等IDE下可以做到智能提示，智能感知bug，同时我们项目常用的一些第三方类库框架都有TS类型声明

解决了 IDE/编辑器无法智能提示的痛点。

使用第三方库时方便查看文档(使用 TS 的过程就是一种学习的过程)

老是将数组的slice和splice方法搞混

使用Uniapp的 弹框组件，配合idea快速了解api需要哪些参数，每个参数是什么类型， 且参数代表什么含义

配合IDE/编辑器 智能感知bug

声明变量时需要指定类型

接口规定了对象中要包含的属性(不能多也不能少)

enum枚举类型的属性 只读

拼写错误

从可维护性上看

长期迭代维护的项目开发和维护的成员会有很多，团队成员水平会有差异，而软件具有熵的特质，长期迭代维护的项目总会遇到可维护性逐渐降低的问题，有了强类型约束和静态检查，以及智能IDE的帮助下，可以降低软件腐化的速度，提升可维护性，且在重构时，强类型和静态类型检查会帮上大忙，甚至有了类型定义，会不经意间增加重构的频率(更安全、放心)

从线上运行时质量上看

现在的SPA项目的很多bug都是由于一些调用方和被调用方(如组件模块间的协作、接口或函数的调用)的数据格式不匹配引起的，由于TS有编译期的静态检查，让我们的bug尽可能消灭在编译器，加上IDE有智能纠错，编码时就能提前感知bug的存在，我们的线上运行时质量会更为稳定可控

rollbar 是一个异常监控平台，它