TypeScript（一）：TypeScript基本理解

TypeScript基本理解

为什么使用TS

• JavaScript发展至今，没有进行数据类型的验证
• 而我们知道，在编程阶段，错误发现的越早越好
• 而TS就解决了JS的这个问题

认识TypeScript

• TypeScript是拥有类型的JavaScript超级，它可以编译成普通、干净。完整的JavaScript代码
• 我们可以将TypeScript理解成为 加强版的JavaScript
• **JavaScript拥有的特性，TypeScript全部都是支持的，**并且，紧随着ECMAScript的标准
• Typescript在 实现新特性的同时，总是保持和ES标准的同步甚至领先
• TypeScript最终会被编译成JavaScript代码

TypeScript特点

• 始于JavaScript，归于JavaScript
• TypeScript是一个强大的工具，用于构建大型项目
• 拥有先进的JavaScript

TypeScript的编译环境

• 前面我们知道TS最终会转成JS代码的
• 那么TS代码运行也需要响应的环境
• npm install typescript -g全局安装TypeScript代码运行环境
• 创建 index.ts文件

//let 变量名称：变量类型 = 
//String：大写的是JavaScript中的包装类，new String()
//string：小写的是TypeScript定义变量的类型
let message: string = "123"
console.log(message)

• 而后通过 tsc index.ts将ts文件编译成js文件，进行使用

TypeScript的运行环境

• 若每次使用 tsc命令，将ts转成js，比较麻烦
• 我们也可以使用ts-node直接运行
• 使用ts-node需要全局安装两个包
  • npm install ts-node -g
  • npm install tslib @type/node -g
• 而后运行 ts-node index.ts即可

变量定义

• 上面的例子中，我们对变量定义进行了说明

//   let/const 变量名称:数据类型（类型注解） = 赋值
let message:string = "hello"  //string就是类型注解

变量的类型推导（推断）

• 在实际书写过程中，我们无需为每一个变量，指定数据类型
• 因为 TypeScript会根据赋值的内容，自动推导出变量的类型

let message = "hello"

• 而const声明的变量，则是 字面量类型

const message:"hello" = "hello"
const num:1.88 = 1.88

JavaScript和TypeScript的数据类型

• TypeScript是JavaScript的一个超集
  • JS拥有的特性TS全部拥有

JavaScript类型-number类型

• 数字类型是开发中经常用到的类型，不区分整数型和浮点数类型

let num:number = 1.88

JavaScript类型-boolean类型

let flag:boolean = true

JavaScript类型-string类型

let str:string