【TypeScript】三、接口和对象

1. 接口

interface t1{
    name:string
}

let obj:t1 = {
    name: "aoaoao"
}
console.log(obj);

// 名字一样的接口会合并
interface t1{
    name:string
}
interface t1 {
    age:number
}
let obj:t1 = {
    name: "aoaoao",
    age: 12
}
console.log(obj);

2. 可选属性

interface t1{
    name:string
}
interface t1 {
    age?:number
}
let obj:t1 = {
    name: "aoaoao",
    age: 12
}
let obj2:t1 = {
    name: "aoaoao",
}
console.log(obj)
console.log(obj2)

3. 任意属性

interface Person {
    name:string,
    [propName: string]:number|string
}

let p:Person = {
    name:"111",
    aa: "11"
}

4. 属性只读

interface Person {
    readonly name: string
}
let p:Person = {
    name: "张三"
}

5. 接口函数

nterface Person {
    readonly name: string,
    cb(): void
}
let p:Person = {
    name: "张三",
    cb: ():void => {

    }
}
p.cb()

6. 扩展接口

interface Person {
    name: string
}
interface B extends Person {
    age: number
}

let p:B = {
    name: "11",
    age: 11
}