TypeScript 初识

TypeScript可以理解为JavaScript的超集，它是由微软公司开发的一种编程语言，可以运行在任何浏览器还有操作系统

目录

一、TypeScript是什么？

那么 ts 和 js 有什么区别呢？

二、安装TypeScript

三、TypeScript文件执行命令

四、基础命令

---

一、TypeScript是什么？

TypeScript，简称 ts，是微软开发的一种静态的编程语言，它是 JavaScript 的超集,类型系统的JavaScript可适用于任何规模的项目

那么 ts 和 js 有什么区别呢？

1. JavaScript 属于动态编程语言，而ts 属于静态编程语言。
   • js：边解释边执行，错误只有在运行的时候才能发现
   • ts：先编译再执行，在写的时候就会发现错误了（ts不能直接执行，需要先编译成 js ）
2. ts 完全支持 js ，可以直接转换

二、安装TypeScript

首先通过 npm 全局安装 TypeScript：npm i -g typescript
全局 安装 ts命令： npm install -g typescript 
使用 tsc -v 检测是否安装成功

如下: 就是安装成功的版本号

三、TypeScript文件执行命令

  执行命令  tsc index.ts  将ts文件编译为js文件

 指定位置进行编译   tsc --outFile ./js/index.js index.ts

四、基础命令

1. 布尔值

   // 定义一个布尔值
   let isDone: boolean = true;

2. 数值类型

   // 定义一个数值
   let Num: number = 101;

3. 字符串

   // 定义一个字符串 
   let myName: string = 'Tom'

4. 模板字符串

   // 定义一个模板字符串
   let item: string = `my name is ${myName}`

5. 空值

   // 定义一个空值
   function alterName(): void {
       alert('my name is Tom')
   }

6. undefined和null

   // undefined
   let un: undefined = undefined
   
   // null
   let timer: null = null

7. 任意值 any 用来表示允许赋值的任意类型

   1. 如果是普通类型 在赋值过程中改变类型是不可以的改变的

   let changeType: string = 'hello'
   // 如果 changeType=7    会报错
   changeType = 'hi'

   2.如果是any类型 则允许赋予任意值

   let changeType2: any = 'apple'
   changeType2 = 2 // 赋值为number类型也不会报错 !

---