学习 之 TypeScript -- VSCode配置与数据类型

学习 之 TypeScript -- VSCode配置与数据类型

1、配置VSCODE自动编译

1、tsc --init 生成tsconfig.json 修改”outDir”: “需要输入到目的地的文件夹”
2、点击vscode顶部【终端】—->【运行任务】——>【tsc: watch-tsconfig.json】

2、数据10类型：

1、 布尔类型（boolean）
2、 数字类型（number）
3、数组类型（string）
4、字符串类型（array）
5、元组类型（tuple）
6、枚举类型（enum）
7、任意类型（any）
8、null 和 undefined
9、void类型
10、never类型

boolean类型范例

// 布尔类型，只接受 boolean 类型的赋值，其他的都报错
let flag:boolean = true;
flag = false
console.log("布尔类型_"+ flag)

number类型范例

// 数字类型，只接受 number 类型的赋值，其他的都报错
let num: number = 123;
num = 324433;
console.log("数字类型_"+ num)

string类型范例

// 字符串类型
let str:string = '张三'
console.log("字符串类型_"+ str)

array类型范例

// 第一种类型: 数字数组
let arr:number[] = [1,3,4,5,6,7];
console.log(arr)
    
// 第二种类型: 数字数组
let arr2:Array<number>=[11,22,33];
console.log(arr2)

// 第三种类型: 字符串数组
let arr3:Array<string>=["s1","1212","sas"];
console.log(arr3)

tuple类型范例

// 元组类型（tuple）：属于数组的一种 
let arr4:[number,string]=[123,"sasas"];
console.log(arr4)

enum类型范例：

// 枚举类型
enum Flag {
    success=1,
    error=2
}
let s:Flag=Flag.success;
console.log(s)

any范例

// 任意类型(any)
let nums:any = 123;
nums = 'kaokaoa';
console.log(nums)

null 和 undefined类型范例

let nulls: null;
nulls = null;
console.log(nulls)

let num: number | undefined;
console.log(num)

void类型范例

// void 表示没有任何类型
function print(name: string): void {

    console.log(name + "类型表示不返回任何值")
}
print("void")

never类型

// never类型： 是其他类型（包括null 或者 undefined ）的子类型，代表从来不会出现的值；
let a: never;
a = (() => {
    throw new Error('这是never类型')
})()