TypeScript系列一
第一章 TypeScript 快速入门
一、TypeScript 是什么
Typescript 是⼀种由微软开发的⾃由和开源的编程语⾔。它是 JavaScript 的⼀个超集,⽽且本质上向这个语⾔添加了可选的静态类型和基于类的⾯向对象编程。
TypeScript 提供最新的和不断发展的 JavaScript 特性,包括那些来⾃ 2015 年的 ECMAScript 和未来的提案中的特性,⽐如异步功能和Decorators,以帮助建⽴健壮的组件。
1.1 TypeScript 与 JavaScript 的区别
TypeScript | Javascript |
---|---|
⽤于解决⼤型项⽬的代码复杂 | ⼀种脚本语⾔,⽤于创建动态⽹⻚ |
可以在编译期间发现并纠正错误 | 作为⼀种解释型语⾔,只能在运⾏时发现错误 |
强类型,⽀持静态和动态类型 | 弱类型,没有静态类型选项 |
最终被编译成 JavaScript 代码,使浏览器可以理解 | 可以直接在浏览器中使⽤ |
⽀持模块、泛型和接⼝ | 不⽀持模块,泛型或接⼝ |
社区的⽀持仍在增⻓,但还不是很⼤ | ⼤量的社区⽀持以及⼤量⽂档和解决问题的⽀支持 |
1.2 获取 TypeScript
命令⾏的 TypeScript 编译器可以使⽤ npm 包管理器来安装。
- 安装 TypeScript
npm install -g typescript
- 验证 TypeScript
tsc -v
- 编译 TypeScript 文件
tsc helloworld.ts
1.3 TypeScript 初体验
新建一个 hello.ts 文件,并输入一下内容:
function greet(person:string){
return 'Hello' + person
}
console.log("TypeScript");
然后执行 tsc hello.ts 命令,之后会生成一个编译好的文件 hello.js :
"use strict"
function greet(person) {
return 'Hello, ' + person;
}
console.log(greet("TypeScript"));
观察以上编译后的输出结果,我们发现 person 参数的类型信息在编译后被擦除了。TypeScript 只会在编译阶段对类型进⾏静态检查,如果发现有错误,编译时就会报错。⽽在运⾏时,编译⽣成的 JS 与普通的 JavaScript ⽂件⼀样,并不会进⾏类型检查。