TypeScript是哪些鬼？

TypeScript， 当前这个名字听起来就有点较高较大上，但实际情况是它就是JavaScript的一个增强较大版本。就像你手里的平价手机忽然被加了个金属边框和指纹识别一样， 起初我以为... TypeScript在JavaScript的基础上提升了静态类型检查当前这个功能。

类型检查是哪些意思？

提到这个... 简洁 就是在你写代码的时候，TypeScript会帮你检查变量、函数参数和返回值的类型有没有正确。比如你定义了一个变量age是number类型， 然后把它赋值为字符串"25"，TypeScript就会在编译时就报错说："嘿！这不对啊！age应当是数字！"

TypeScript怎么实现类型检查的？

1. 类型注解

最简洁粗暴的方法就是直接写上类型。比如：

牛逼。 typescript const age: number = 25;

不地道。 这里: number就是类型注解，告诉TypeScript当前这个变量必须要是数字。

2. 类型推断

你想... 如果懒得写注解，TypeScript还能自己猜测变量的类型。比如：

typescript const count = 42;

虽然没有显式声明类型，但TypeScript会自动推断出count是number类型。

3. 联合类型

有时候一个值有可能有更多种类型， 比如API返回的数据有可能有时是字符串、有时是数字。这时候能够用联合类型：

typescript let id: string | number; id = "abc"; id = 123; // OK，是个狼人。

4. 接口

接口能够定义对象的结构。比如：

typescript interface User { name: string; age: number; }

换位思考... 这样任意符合当前这个结构的对象都能够被认作User。

5. 泛型

泛型让我们能够创建可复用的组件。比如：

typescript function identity: T { return arg; }，本质上...

这里就是泛型参数，让identity函数能够适用于任意类型，不堪入目。。

TypeScript为哪些能成为行业标准？

和JavaScript玩得来

TypeScript不是崭新发明一门语言，而是JavaScript的超集。这意味着全部现有JavaScript代码都能够无缝迁移到TypeScript中运行。

渐进式采用

不需要一步到位整改整个项目。你能够从某个文件启动采用TypeScript， 太刺激了。 其他文件仍然保持JavaScripts即可。

强较大较大工具支持

VS Code等编辑器对TypeScrpt提供给了非常良好的支持——自动补全、 躺赢。 错误提示等功能让开发效率较大幅提升。

较大厂背书

微柔软主导开发、Google/Amazon等公司广泛采用——这一些都是技术手段选项成功最关键因素之一！

常见问题和坑点

1. 太更多any刚启动采用时简单滥用any而失掉了静态检查优势。
2. 配置繁杂tsconfig.json里各种配置选项搞不良好简单误伤。
3. 学习了解曲线对于纯JS开发者来说需要适应环境崭新概念如接口、泛性等。
4. 运行时无效编译后全部TS特性都会被擦除掉——要依靠Javascript原生能力做运行时校验！

今后展望

小丑竟是我自己。 因为前端应用越来越庞较大繁杂化,TS正在缓慢缓慢成为前端工程项目师必备技能之一!越来越更多团队选择将其作为默认语言进行项目开发,相信今后几年内TS将持续保持迅速增较长趋势!