TypeScript学习-20 Mixins
来源:http://www.tudoupe.com时间:2022-02-08
20 Mixins
- Mixins
- 介绍
- 混入示例
- 理解这个例子
Mixins
介绍
除了传统的面向对象继承方式,还流行一种通过可重用组件创建类的方式,就是联合另一个简单类的代码。你可能在Scala等语言里对mixins及其特性已经很熟悉了,但它在JavaScript中也是很流行的。
混入示例
下面的代码演示了如何在TypeScript里使用混入。后面我们还会解释这段代码是怎么工作的。
理解这个例子
代码里首先定义了两个类,它们将做为mixins。可以看到每个类都只定义了一个特定的行为或功能。稍后我们使用它们来创建一个新类,同时具有这两种功能。
下面创建一个类,结合了这两个mixins。下面来看一下具体是怎么操作的:
首先应该注意到的是,没使用extends而是使用implements。把类当成了接口,仅使用Disposable和Activatable的类型而非其实现。这意味着我们需要在类里面实现接口。但是这是我们在用mixin时想避免的。
我们可以这么做来达到目的,为将要mixin进来的属性方法创建出占位属性。这告诉编译器这些成员在运行时是可用的。这样就能使用mixin带来的便利,虽说需要提前定义一些占位属性。
最后,把mixins混入定义的类,完成全部实现部分。
最后,创建这个帮助函数,帮我们做混入操作。它会遍历mixins上的所有属性,并复制到目标上去,把之前的占位属性替换成真正的实现代码。
下一篇:没有了
相关新闻
- 2022-02-08 Windows部署映像工具 DISM
- 2022-02-08 QT中学习Opengl---(GLSL简单的使用)
- 2022-02-08 WAMP环境下PHPExcel使用
- 2022-02-08 一键ghost重装xp系统教程
- 2022-02-08 专业版64位win10安装教程
- 2022-02-08 电脑系统u盘安装教程win7
- 2022-02-07 Openwrt 镜像安装
- 2022-02-07 win11正式版如何退回win10 windows11正式
- 2022-02-07 win11正式版镜像如何安装
- 2022-02-07 QT中学习Opengl---(绘制矩形glDrawEl
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
