随笔 - 156  文章 - 0  评论 - 3  阅读 - 10万

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   萬事順意  阅读(406)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· AI与.NET技术实操系列(六):基于图像分类模型对图像进行分类
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

点击右上角即可分享
微信分享提示