TS — 接口

TS接口通常指的是TypeScript接口,它是TypeScript中用来描述对象的形状的一种方式。接口可以定义对象的结构,包括属性、方法和方法的参数类型以及返回值类型。

1.定义接口:

interface Person {
    name: string;
    age: number;
    greet(): void;
}

2.使用接口:

function greetPerson(person: Person) {
    console.log(`Hello, ${person.name}!`);
}

3.可选属性:

interface Car {
    make: string;
    model: string;
    year?: number; // 可选属性
}

4.只读属性:

interface Point {
    readonly x: number;
    readonly y: number;
}

5.函数类型:

typescript
interface SearchFunc {
    (source: string, subString: string): boolean;
}

6.可索引类型:

interface StringArray {
    [index: number]: string;
}

7.类 类型:

interface ClockInterface {
    currentTime: Date;
    setTime(d: Date): void;
}

class Clock implements ClockInterface {
    currentTime: Date = new Date();
    setTime(d: Date) {
        this.currentTime = d;
    }
}

8.扩展接口:

interface Shape {
    color: string;
}

interface Square extends Shape {
    sideLength: number;
}

9.混合类型:

interface Counter {
    (start: number): string;
    interval: number;
    reset(): void;
}

function getCounter(): Counter {
    let counter = function(start: number) {} as Counter;
    counter.interval = 123;
    counter.reset = function() {};
    return counter;
}

 

posted on 2024-04-18 19:31  萬事順意  阅读(80)  评论(0编辑  收藏  举报