Flutter 中不得不会的 mixin

小灰灰 2022-10-31 13:39 136阅读 0赞

![20210222214004295.png][]

**mixin** 是 Dart 中非常重要的概念，对于未接触过此概念的Coder来说尤其重要，最近看源码的时候，由于对 mixin 不熟悉导致理解出现偏差，走了很多弯路，所以这篇文章介绍一下 mixin 概念。

Dart 及 Engine 版本：

> Engine • revision ae90085a84 Tools • Dart 2.10.4

请注意版本，不同的版本可能存在差异。

先来看下官方的定义：

> Mixins are a way of reusing a class’s code in multiple class hierarchies.
> 
> Mixins 是一种在多个类层次结构中重用类代码的方法。

在来看下 [Wiki][] 的解释：

> In object-oriented programming languages, a mixin (or mix-in) is a class that contains methods for use by other classes without having to be the parent class of those other classes. How those other classes gain access to the mixin's methods depends on the language. Mixins are sometimes described as being "included" rather than "inherited".
> 
> Mixins encourage code reuse and can be used to avoid the inheritance ambiguity that multiple inheritance can cause (the "diamond problem"), or to work around lack of support for multiple inheritance in a language. A mixin can also be viewed as an interface with implemented methods. This pattern is an example of enforcing the dependency inversion principle.

翻译如下：

> 在面向对象的编程语言中，mixin（或mix-in）是一个类，其中包含供其他类使用的方法，而不必成为其他类的父类。 这些其他类如何获得对mixin方法的访问权限取决于语言。 混合素有时被描述为“包含”而不是“继承”。
> 
> Mixins鼓励代码重用，并且可用于避免多重继承可能导致的继承歧义（“钻石问题”），或解决语言中对多重继承的支持不足的问题。 混合也可以看作是已实现方法的接口。 此模式是强制执行依赖关系反转原理的示例。

看完这两段介绍，可能依然对其比较模糊，不要紧，现在只需对其有个概念即可，下面会详细介绍 **Mixins** 的用法，我个人的理解就是：**Mixins** 解决了无法多重继承的问题。

### 什么时候需要使用 Mixins ###

有如下场景：

定义一个基类人（Person），它有吃（eat）的方法。

有3个实际的人A、B、C，它们都继承 Person，但是3个人有不同的技能：

*  A ：会唱歌、跳舞
 *  B：会跳舞、写代码
 *  C：会唱歌、写代码

上面的场景中唱歌、跳舞、写代码是一种技能，并不是每一个人都会的，所以将其定义在 Person 中是不合适的，如果各自定义为一个类，又不能同时继承Person和唱歌、跳舞、写代码，如果将唱歌、跳舞、写代码定义为 Interface ，那么A、B、C中要各自实现其方法，

那要如何实现呢？ **Mixins** 出场啦。

定义一个 Person 基类和功能类唱歌、跳舞、写代码：

class Person {
      eat() {
        print('Person eat');
      }
    }
    
    class Dance {
      dance() {
        print('Dance dance');
      }
    }
    
    class Sing {
      sing() {
        print('Sing sing');
      }
    }
    
    class Code {
      code() {
        print('Code code');
      }
    }

定义A、B、C：

class A extends Person with Dance, Sing {}
    
    class B extends Person with Sing, Code {}
    
    class C extends Person with Code, Dance {}

注意：混合使用 **with** 关键字。

使用：

A a = A();
    a.eat();
    a.dance();
    a.sing();

输出日志：

flutter: Person eat
    flutter: Dance dance
    flutter: Sing sing

可以看到 A 中有了Dance 和Sing的相关的方法。

Dance 是一个 class，如果给其添加构造函数会如何？

给 Dance 添加构造函数，修改如下，

![20210222214004569.png][]

此时发现 A 和 C 无法编译，出现如下错误：

![20210222214004926.png][]

很明显，需要 mixin 的类无法定义构造函数。

所以一般会将需要 mixin 的类使用 mixin 关键字：

![20210222214005196.png][]

### 添加限定条件，使用关键字 on ###

接着上面的场景继续，这时定义一个狗的类，目前狗这个类也可以混合 Dance 、Sing 和 Code，

class Dog with Code{}

但是，Code 是人类独有的技能，不希望 Dog 这个类可以mixin，所以给 Code 添加限定条件：

![20210222214005420.png][]

使用关键字 **on** 限定Code 只能被 Person 或者其子类 mixin。

![20210222214005669.png][]

此时 Dog 无法 mixin Code。

添加限定后，可以重写其方法， Code 重写 Person 的方法：

![20210222214005936.png][]

**super** 表示调用父类（Person）的方法。

### 如何处理多个类有同一方法的情况 ###

假设有D 和 D1 两个类，有同一个方法 d，E mixin D 和 D1：

![20210222214006208.png][]

此时，调用 e.d 方法：

E e = E();
    e.d();

输出：

flutter: D1 d

说明后面的将前面的覆盖了，调换下D 和 D1的顺序：

class E with D1, D {}

输出：

flutter: D d

此时在 E 中也添加 d 方法：

![20210222214006459.png][]

输出：

flutter: E d

说明 E 中 方法覆盖了原来的。

E 中 d 方法可以调用 **super.d()**

![20210222214006710.png][]

输出：

flutter: D d
    flutter: E d

假设现在有F、G、H 三个类，都有 a 方法，

![20210222214006921.png][]

有如下定义的类：

![20210222214007156.png][]

那么下面会输出什么值：

![20210222214007447.png][]

答案是：

flutter: G a

记住：混合类时，进行混合的多个类是线性的，这是他们共有方法不冲突的原因，混合的顺序非常重要，因为它决定了混合时相同的方法的处理逻辑。

再次看下 FG 的混合情况：

![20210222214007671.png][]

FG 继承 H，混合 F 和 G，对于相同方法的优先级为：G > F > H，因此共有方法 a，最后执行的是 G 类中的 a 方法。

那么如果 FG 中也有 a 方法会如何？

![20210222214007884.png][]

如果本身（FG）也存在相同的方法那么优先级：FG > G > F > H。**super.a()** 执行的是 G 中的 a 方法。

输出结果：

flutter: G a
    flutter: FG a

更复杂的来啦，请看如下混合关系：

![20210222214008168.png][]

BB 为一个抽象类，有一个构造函数，其中执行 init 方法，GB 和 PB 为一个混合类型，限定了只有 BB 或者其子类才能混合，WFB 继承 BB，并混合GB、PB，此时创建 WFB 对象，

WFB wfb = WFB();

输出结果是什么？

flutter: BB Constructor
    flutter: BB init
    flutter: GB init
    flutter: PB init

是不是很诧异，按照上面的逻辑不是应该只调用 PB 的 init 方法吗？

你理解的没有错，的确只调用了PB 的 init 方法，但是 PB 的 init 方法中调用了**super.init()**，这个才是重点，PB 通过 super.init 调用到了GB中的 init 方法， GB 通过 super.init 调用到了 BB 中的 init 方法，所以最终输出的就是上面的结果。

这个一定要理解其中的调用顺序，因为的 Flutter Framework 的入口函数 **runApp** 中就是此形式：

![20210222214008384.png][]

WidgetsFlutterBinding.ensureInitialized 方法如下：

![20210222214008554.png][]

WidgetsFlutterBinding 混合结构如下：

class WidgetsFlutterBinding extends BindingBase with GestureBinding, SchedulerBinding, ServicesBinding, PaintingBinding, SemanticsBinding, RendererBinding, WidgetsBinding {

BindingBase 及构造函数如下：

![20210222214009100.png][]

其执行了 initInstances 和 initServiceExtensions 方法。看下面混合的顺序：

![20210222214009323.png][]

从后到前依次执行其 initInstances 和 initServiceExtensions（如果有） 方法，由于 initInstances 和 initServiceExtensions 方法中首先执行 **super.initInstances()** 和 **super.initServiceExtensions()** ，所以最后执行的顺序为：BindingBase -> GestureBinding -> SchedulerBinding -> ServicesBinding -> PaintingBinding -> SemanticsBinding -> RendererBindinsg -> WidgetsBinding 。

### 类型 ###

还是上面的F、G、H 三个类，那么 FG 的类型是什么，看下面的判断会输出什么？

![20210222214009485.png][]

输出：

flutter: FG is F : true
    flutter: FG is G : true
    flutter: FG is H : true

所以混合后的类型是超类的子类型。

### 总结 ###

1.  **Mixins** 使我们可以在无需继承父类的情况下为此类添加父类的“功能”，可以在同一个类中具有一个父级和多个 **mixin** 组件。
2.  **Mixins** 不可以声明任何构造函数。
3.  给 **Mixins** 添加限定条件使用 **on** 关键字。
4.  混合使用 **with** 关键字，with 后面可以是 **class**、**abstract class** 和 **mixin** 的类型。
5.  **Mixins** 不是多重继承，相反，它只是在多个层次结构中重用类中的代码而无需扩展它们的一种方式。

## 交流 ##

老孟Flutter博客（330个控件用法+实战入门系列文章）：[http://laomengit.com][http_laomengit.com]

添加微信或者公众号领取 《330个控件大全》和 《Flutter 实战》PDF。

欢迎加入Flutter交流群（微信：laomengit）、关注公众号【老孟Flutter】：

[20210222214004295.png]: /images/20221024/b7cac87cc7cb4635b7450ccd29d388ee.png
[Wiki]: https://en.wikipedia.org/wiki/Mixin
[20210222214004569.png]: /images/20221024/a716b22a44de4e88b0caa53136c8409c.png
[20210222214004926.png]: /images/20221024/26ca990c7bfe4b61b8791bf3fa4f1d1e.png
[20210222214005196.png]: /images/20221024/1b691ec847c84aa1a2bfe95fb6f0fdaa.png
[20210222214005420.png]: /images/20221024/4def04283a904ea990d0fdabf57ba477.png
[20210222214005669.png]: /images/20221024/68c18d4f334241b38ee6a7bd5c9eec0e.png
[20210222214005936.png]: /images/20221024/6d15abe2aa7443c5835125fe6c532ca2.png
[20210222214006208.png]: /images/20221024/8146873e3076444b8f0578dba1cdd6a5.png
[20210222214006459.png]: /images/20221024/a19d8544f9d3462ca0e1072956b16fda.png
[20210222214006710.png]: /images/20221024/61132883baa340549ccd029a13973284.png
[20210222214006921.png]: /images/20221024/f93ed7dc5ecd41ab88b6c69af2a2c3ce.png
[20210222214007156.png]: /images/20221024/ec692fb0d03e453fa15e4aa0a0cbc740.png
[20210222214007447.png]: /images/20221024/98b7971c16f94e64bceaea83f2c02764.png
[20210222214007671.png]: /images/20221024/c0ece2fc8bfc4392906a50ac7d7dce71.png
[20210222214007884.png]: /images/20221024/cf24670932c444e7b0e7ea7bf37acf51.png
[20210222214008168.png]: /images/20221024/ebcc81df7daf4505a9f268d436e28ec6.png
[20210222214008384.png]: /images/20221024/ea71237d7eb04e4dad122403ddb4bebd.png
[20210222214008554.png]: /images/20221024/e21271c53dd24df784fd24ad7ecc623a.png
[20210222214009100.png]: /images/20221024/f6e09b62d8554cd99fc2edfb13991df5.png
[20210222214009323.png]: /images/20221024/9e52f4ba35a141ffab2befb67089149e.png
[20210222214009485.png]: /images/20221024/1d7ac9723ba4418abd27609f72054a4d.png
[http_laomengit.com]: http://laomengit.com