系统学习TypeScript之一认识TypeScript

前言

TypeScript 的概念及意义

TypeScript 是由微软开发的自由和开源的编程语言。通过在 JavaScript的 基础上添加静态类型定义构建而成。TypeScript 通过 TypeScript 编译器或 Babel 转译为 JavaScript 代码，可运行在任何浏览器，任何操作系统。

• TypeScript 是添加了类型系统的 JavaScript，适用于任何规模的项目。
• TypeScript 是一门静态类型、弱类型的语言。
• TypeScript 是完全兼容 JavaScript 的，它不会修改 JavaScript 运行时的特性。
• TypeScript 可以编译为 JavaScript，然后运行在浏览器、Node.js 等任何能运行 JavaScript 的环境中。
• TypeScript 拥有很多编译选项，类型检查的严格程度由你决定。
• TypeScript 可以和 JavaScript 共存，这意味着 JavaScript 项目能够渐进式的迁移到 TypeScript。
• TypeScript 增强了编辑器(IDE)的功能，提供了代码补全、接口提示、跳转到定义、代码重构等能力。
• TypeScript 拥有活跃的社区，大多数常用的第三方库都提供了类型声明。
• TypeScript 与标准同步发展，符合最新的 ECMAScript 标准(stage 3)
• TypeScript 可以编译出纯净、 简洁的 JavaScript 代码，并且可以运行在任何浏览器上、Node.js 环境中和任何支持 ECMAScript 3(或更高版本)的 JavaScript 引擎中。
• TypeScript 有更多的规则和类型限制，代码具有更高的预测性、可控性，易于维护和调试;对模块、命名空间和面向对象的支持，更容易组织代码开发大型复杂程序。
• TypeScript 的编译步骤可以捕获运行之前的错误。

TypeScript 的主要特征

从上面的概念和意义部分可以看出，TypeScript 的特征比较多，这里我们就几个主要特性进行分析。

TypeScript 是静态类型

我们都知道，JavaScript是一门解释型语言，没有编译阶段，它只有在运行时才会进行类型检查。

而 TypeScript 与它相反，因为 TypeScript 在运行前还要经过被编译成 JavaScript 的过程，它在编译阶段就就能确定每个变量的类型，这种语言的类型错误往往会导致语法错误。

比如，在 JavaScript 中：

let foo = 1;
foo.split(' ');
// Uncaught TypeError: foo.split is not a function
// 运行时会报错（foo.split 不是一个函数），造成线上 bug

而在 TypeScript 中：

let foo = 1;
foo.split(' ');
// Property 'split' does not exist on type 'number'.
// 编译时会报错（数字没有 split 方法），无法通过编译

TypeScript 是弱类型

在这一点上，TypeScript 和 JavaScript 的表现是一致的，具体是指数据类型可以发生隐式转换 ，看以下一段代码：

console.log("1" + 1);
// // 打印出字符串 '11'

不管是在 TypeScript 中还是 JavaScript 中，输出结果都是一样的。

全局安装 TypeScript

npm install -g typescript

总结

今天就主要认识一下 TypeScript，知道它是什么、有什么用，接下来就要学习它该怎么样了。

文章标题：系统学习TypeScript之一认识TypeScript
URL链接：http://www.mswzjz.cn/qtweb/news42/456392.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能