TypeScript学习总结（5）

TypeScript对象类型及可选参数

TS中对象的类型就是在描述对象的结构(有什么类型的属性和方法)

对象类型的写法:

let person: { name: string, age: number; sauHi(): void } = {
    name: "John",
    age: 30,
    sauHi() {
        console.log("Hello, my name is " + this.name);
    }
}

person.sauHi();

直接使用{}来描述对象结构。属性采用属性名:类型的形式；方法采用方法名():返回值类型的形式

如果方法有参数，就在方法名后面的小括号中指定参数类型(比如:greet(name:string):void)。

在一行代码中指定对象的多个属性类型时，使用;(分号)来分隔。.

如果一行代码只指定一个属性类型(通过换行来分隔多个属性类型)，可以去掉;(分号)。

方法的类型也可以使用箭头函数形式(比如:{sayHi:()=>void})。 

对象可选属性

可选属性的语法与函数可选参数的语法一致，都使用?(问号)来表示。

function myAxios(config: { url: string, method?: string, data?: any }) {
    console.log(config);
}
myAxios({
    url: 'http://www.baidu.com',
    method: 'GET',
    data: {
        name: 'zhangsan',
        age: 20
    }
})