初始TypeScript

TS增加的类型

原始类型

let str: string = 'name'

其他的都一样的写。

数组类型

let arr: number[] = [1,2,3] //数字数组
let bool: boolean[] = [false,true] //布尔数组let str: Array<string> = ['a','b','c']

联合类型

多种类型定义拼接，不能通过&拼接，因为一个数据不可能同时拥有多种类型。

1.
let arr1: (string | number)[] = [2,3,4,'a']  //有括号：字符串和数字数组
let arr3: number | string[] = 123            //无括号：数字或字符串数组
2.
let arr2: (number | Array<string>)[] = [['a','b','c'],2,6] //嵌套数组

类型别名

定义一个可以复用的类型别名，用在对象身上得注意了，对象中没有你定义的类型数据会报错。

type CustomArray = (number | string)[] let arr4: CustomArray = [1,2,3]

函数类型（1. 单独指定参数、返回值类型 2. 同时指定）

单独

{}和()中间的是返回值类型定义

function addOne(num1: number,num2: number): number { return num1 + num2 } 
const addTwo = (num1: number,num2: number): number=>{ return num1 + num2 }

同时

const add: (num1:number,num2: number) => number = (num1,num2) =>{ return num1 + num2 }

函数没有返回值，可以不写void,自定义可选参数

function greet(name: string): void{}
const sayHi = (content: string) =>{} // ts函数参数必须全传，需要自定义可选参数,?需要放在最后面的参数
const println = (name: string,gender?: string):void => {}

函数重载

//定义接受一个参数或三个参数或可接受
function makeDate(timestamp: number): Date;
function makeDate(m: number, d: number, y: number): Date;function makeDate(mOrTimestamp: number, d?: number, y?: number): Date {if (d !== undefined && y !== undefined) {return new Date(y, mOrTimestamp, d);} else {return new Date(mOrTimestamp);}}const d1 = makeDate(12345678);
const d2 = makeDate(5, 5, 5);
const d3 = makeDate(2,5) //这里不能确定第二个参数是谁的，报错

Object类型

对象类型，必须指定数据的类型,指定了类型必须定义。

type Person = {name: string,age: number,// sayHi: (content: string)=> voidsayHi(content: string): void,girlFriend?: string  //可选
}let obj: Person = {name:'老六',age: 18,sayHi(content){console.log('学ts');}
}obj.girlFriend = '五开人'
console.log(obj);