TypeScript应用极速上手（17）

最新推荐文章于 2023-03-29 23:46:24 发布

DreamCatcher

最新推荐文章于 2023-03-29 23:46:24 发布

阅读量120

点赞数

CC 4.0 BY-SA版权

分类专栏： TypeScript

本文链接：https://blog.youkuaiyun.com/hero_java/article/details/116159087

TypeScript 专栏收录该内容

19 篇文章

订阅专栏

本文探讨了接口设计中的定义者、实现者和使用者角色，并重点讲解了隐式实现（接口与使用者统一）以促进解耦。通过实例展示了如何在typescript中使用RPCService接口进行登录操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、接口所涉及的角色

（1）定义者

（2）实现者

（3）使用者

2、接口的隐式实现（推荐使用）

定义者=使用者

方便解耦

3、接口的显示实现

定义者=实现者

4、示例

//service.ts
//定义接口
interface Service {
    login(): void
    getName(): string
    getProduct(): string
    startTravel(): void
}

//接口实现
class RPCService implements Service {
    login(): void {
        throw new Error("Method not implemented.");
    }
    getName(): string {
        throw new Error("Method not implemented.");
    }
    getProduct(): string {
        throw new Error("Method not implemented.");
    }
    startTravel(): void {
        throw new Error("Method not implemented.");
    }

}

//接口使用者
//Login page
//file:login.ts
//定义接口
interface LoginService{
    login():void 
}

const page = {
    service:new RPCService() as LoginService, // as 创建用接口的场景，便于场景替换
    onLoginButtonClicked(){
        //使用接口
        this.service.login
    }
}