TS学习笔记

网址：

http://ts.xcatliu.com/introduction/get-typescript.html

初始化

安装：npm install -g typescript
查看：tsc -v

配置文件

生成：tsc --init
自动监听操作步骤：
终端—>运行任务—>显示所有任务—>tsc:构建

常用配置

编译版本：“target”: “es2016”
编译完成js位置：“outDir”: “./”
严格模式：“strict”: true

数据类型

基本数据类型：String、Number、Boolean、null、undefined

String

let str:String = "hello"

Number

let num:Number = 123

Boolean

let boo:Boolean = true

Null、undefined

// null、undefined可以作为其他类型的子类型
let n:null=null
let un:undefined = undefined

引用数据类型

Array

// 数组类型
let arr:Number[] = [1,2,3]
let arr2:String[] = ['1','1']
let arr3:Boolean[] = [true,false]
// 泛型
let arr4:Array<Number> = [2,3,4]
// 使用接口  不常用
interface INewArray{
    [index:number]:number//任意属性，index表示数组的下标
}

let arr5:INewArray = [1,2,3]

Object

/**
 * 在面向对象语言中，接口（Interfaces）是一个很重要的概念，它是对行为的抽象，而具体如何行动需要由类（classes）去实现（implement）。
 * 赋值的时候，变量的形状必须和接口的形状保持一致
 * 接口一般首字母大写。有的编程语言中会建议接口的名称加上 I 前缀。
 * 有时我们希望不要完全匹配一个形状，那么可以用可选属性 定义时添加？
 * 有时候我们希望一个接口允许有任意的属性  [propName: string]: any;  一旦定义了任意属性，那么确定属性和可选属性的类型都必须是它的类型的子集
 * 有时候我们希望对象中的一些字段只能在创建的时候被赋值，那么可以用 readonly 定义只读属性
 */
interface IPerson {
    readonly id: number;
    name:String,
    // age?:Number,
    age:Number,
    // [propName: string]: any
    [propName: string]: String | Number


}
let tom:IPerson = {
    id:327346,
    name:"tom",
    age:19,
}

any

// 任何类型  any
let h:any = 123
h = "hello"

void

// 空值 void 表示没有任何返回值 
function fun1():void{//用的比较多 函数的返回类型
    console.log("123");
    
}
let v:void = undefined

类型推断

/****
 * 分为两种情况
 * 1.在定义变量时，直接给变量赋值，则定义类型为对应的类型
 * 2.定义变量时没有进行赋值，则类型为any类型
 */
let na = 123
let age 

联合类型

// 设置类型的时候使用 | 进行分开
let time_status:Boolean|String|Number = false
time_status = 0