Typescript 学习笔记1 —— 简介

学习资料：https://ts.xcatliu.com/introduction/what-is-typescript

什么是TS

TS 是 JS 的一个超集，主要提供了类型系统和对ES6的支持，Microsoft家的，开源的。

为什么选择TS

• TS 增加了代码的可读性和可维护性
• TS 非常包容
• TS 拥有活跃的社区

TS 的一些缺点

• 需要一些学习成本
• 开发的时候因为要写类型定义啥的，增加了开发成本（但是会降低后期的维护成本）
• 集成到构建流程需要一些工作量
• 和一些库可能结合的不是很完美

安装TS

npm install -g typescript

以上命令会在全局安装 tsc 命令，编译文件在命令后加文件名即可

tsc hello.ts

Hello TS

// hello.ts
function sayHello(person: string) {
    return 'Hello, ' + person;
}

let user = 'Tom';
console.log(sayHello(user));

编译 ts

tsc hello.ts

会在当前目录生成一个 hello.js

// hello.js
function sayHello(person) {
    return 'Hello, ' + person;
}
var user = 'Tom';
console.log(sayHello(user));

代码说明：

冒号（:）用于指定变量的类型，ts 只做静态代码检查，在JS代码中不会插入类型校验。

注意：如果在编译的时候报错了，会报错，但是还是会生成js文件，不过报错之后是否能生成JS文件是可配置的，在tsconfig.json中配置noEmitOnError即可（官方文档）