TypeScript基础学习笔记（一）

（1）TypeScript编译环境的安装

Visual Studio code快捷键"ctrl+~"打开终端，终端中输入 npm 命令全局安装

npm install -g typescript

安装完成便可以通过 tsc 命令将ts文件编译成js文件

---

（2）tsc 基本命令的使用

1. tsc --help 该命令会显示出所有tsc的指令及其作用
2. tsc --outDir dist 文件名.ts 该命令会将ts文件编译成js文件后存放到dist目录下（可以在tsc --init命令生成的tsconfig.json文件中修改outDir和rootDir属性）
   "outDir": "./dist",//编译后的js文件存放路径 "rootDir": "./src",//tsc编译ts源文件的路径
3. tsc --init 会在当前目录生成tsconfig.json文件，这是typescript的配置文件。
4. tsc -w 实现动态监视功能，当使用此命令时会开启动态监视模式，更改ts源文件代码时，保存后编译器会自动编译ts文件。

（3）TypeScript变量的声明规则

typescript变量声明注意事项：

1. 变量使用前要定义
2. 变量声明时要设置变量类型

变量类型

• number：数值型

let decLiteral: number = 6;  
let hexLiteral: number = 0xf00d;   
let binaryLiteral: number = 0b1010;   
let octalLiteral: number = 0o744;
//typescript中使用let来代替var声明变量，变量名称后跟的是你定义的变量将要存储的数据的类型   

• string：字符型

let first: string = "hello world";
first = "world hello";//重新赋值以更改变量内容

• boolean：布尔类型

let myBoolean: boolean = false;//和其他语言一样，布尔类型只有true和false

---

• 元组类型 (tuple):属于数组的一种

let arr:[number,string]= [11,'this is ts'];

• 枚举类型（enum）

 //随着计算机的不断普及，程序不仅仅只用于数值计算，还更广泛的用于处理非数值的数据
 //例如：性别，月份，星期几，颜色，单位名称等，都不是数值类型；
 //在其他程序语言中，一般用一个数值来代表某一状态，这种处理方法不直观，易读性差、
 //如果能在程序中用自然语言中相应含义的单词来代表某一状态，则程序就很容易阅读和理解。
 //也就是说，事先考虑到某一变量可能取得值，尽量用自然语言中含义清楚的单词来表示它的每
 //一个值，这种方法叫做枚举方法，用这种方法定义的类型是枚举类型
enum Color {blue=1,red=2,orange=3};
let c:Color = Color.red;
console.log(c);//如果标识符没有赋值，它的值就是下标1
console.log(c);//标识符赋值后，则是2

• 任意类型(any)

let num:any = 123;;
num = 'str';
num = true;
console.log(num);
//一般不推荐使用

• void类型

//一般用于方法没有返回值时定义，表示function没有任何返回值
function run ():void{
	console.log('run);
}
run();

• never类型：是其他类型（包括null和undefined）的子类型，代表从不会出现的值。

//这意味着生命never的变量只能被never类型所赋值
let a : undefined = undefined;

let b :null = null;

function error(message: string): never {
    throw new Error(message);
}

// 推断的返回值类型为never
function fail() {
    return error("Something failed");
}

// 返回never的函数必须存在无法达到的终点
function infiniteLoop(): never {
    while (true) {
    }
}