TypeScript介绍
#
TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法,生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript,所以 TypeScript 并不依赖于浏览器的支持,也并不会带来兼容性问题。
TypeScript 是 JavaScript 的超集,这意味着他支持所有的 JavaScript 语法。并在此之上对 JavaScript 添加了一些扩展,如 class / interface / module 等。这样会大大提升代码的可阅读性。
和 JavaScript 若类型不同,TypeScript 这种强类型语言最大的优势在于静态类型检查,可以在代码开发阶段就预知一些低级错误的发生。
-
一种类似于 JavaScript 的语言,在 JavaScript 的基础之上增加了类型,同时增强了 JavaScript 部分语法功能
-
遵循 EcmaScript 6 标准规范
-
由微软开发
-
Angular 2 框架采用 TypeScript 编写
-
背后有微软和谷歌两大公司的支持
-
TypeScript 可以编译成 JavaScript 从而在支持 JavaScript 的环境中运行
-
TypeScript 和 JavaScript 的关系就好比 less 和 css 的关系
#
静态(static):无需运行,根据程序代码就能确定结果。
动态(dynamic):只有运行才能确定结果。
类型:对某个数据所具有的性质进行的描述。如它的结构是怎样的,能进行什么操作。
静态类型:数据拥有类型,且仅有数据拥有类型。
动态类型:数据拥有类型,存放数据的变量、表达式也拥有类型,且类型在编译时是固定的。
下图是静态语言和动态语言的比较:
从表中可见,动态语言和静态语言各有优劣,而TypeScript提供了静态语言强类型支持,同时兼容动态语言弱类型的语法,使用者根据项目需求自由选择。
这种动静结合的特性,目前还没在其他语言见过。
为什么要学习TypeScript#
-
从 Angular 2 之后,官方推荐使用 TypeScript 作为开发 Angular 应用的首选语言
-
遵循 EcmaScript 6
-
强大的 IDE 支持
-
类型检查
-
严谨的语法提示
-
-
代码重构
-
可读性良好
TypeScript 使用场景#
-
大型团队开发
-
Angular 官推语言
-
其它...
这里引用知乎上一位开发者对使用推广 TypeScript 的看法:
typescript绝对是好东西,不过推广是有难度的:
1、TS是微软制造,最好的开发工具是VS,说到这有些人就激动了(什么vi流,sublime流,macbook流,虽然也能写ts,但你无法跟他们说用vs写有多么好);
2、即使你告诉他们TS有多好,但是几十人的团队里总有一半以上的人不想学新的东西;
3、JS的用户很多没有学习OOP开发经验(特别是从设计/页面重构转过来的);
4、很多人接触TS前根本没学过JS,经常有人问“使用TS如何写元素拖拽”这样的问题(那是JS中DOM API,不过你跟初学者很难解释明白);
TypeScript 不仅仅用于开发 Angular 应用#
-
React
-
Angular
-
Node.js
-
Vue.js
-
WeChat
-
...
凡是可以写 JavaScript 的都可以使用 TypeScript。
前置知识#
-
EcmaScript 6
-
TypeScript 概念及关系
-
具有一定的 JavaScript 开发经验
-
有 Java、C#、C++、C 等静态类型语言使用经验更佳
如何学习 TypeScript#
-
官方文档为准
-
阅读别人的代码
-
由于 TypeScript 是兼容 EcmaScript 6 的,所以在开发的时候不需要完全学会 TypeScript 再使用
-
一个建议是有空就学,会了就用
-
虽然兼容 EcmaScript 6,但建议既然使用了 TypeScript 就让你的 TypeScript 代码更加 TypeScript,这样才能发挥出 TypeScript 的威力。
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· .NET10 - 预览版1新功能体验(一)
2020-03-19 数据库读写分离之配置Django实现数据库读写分离