Flutter mixin用法详解

mixin是什么

mixin应该怎么理解呢，对Java系出身的我来说，这是一个新概念，各类资料的介绍也没找到一个清晰的定义。从个人理解来看，可以把它想象为Kotlin中的接口(和Java的区别是可以带非抽象的属性和方法)，而多个mixin可以相互覆盖以实现组合，提供了非常大的灵活性，也可以达到类似多重继承的效果，本文将从简单到复杂，演示mixin在Dart中的用法

最简单的mixin

mixin TestMixin {
  void test() {
    print('test');
  }
  int testInt = 1;
  void test2();
}

class Test with TestMixin {
  @override
  test2() {
    print('test2');
  }
}

void main() {
  Test().test();            // test
  print(Test().testInt);    // 1
  Test().test2();           // test2
}
复制代码

mixin本身可以是抽象的，可以定义各种方法属性，也可以是抽象的，等后续类去实现

基于某个类型的mixin

class BaseObject {
  void method() {
    print('call method');
  }
}
mixin TestMixin on BaseObject{
  void test() {
    print('test');
  }
  int testInt = 1;
  void test2() {
    method();
  }
}

class Test extends BaseObject with TestMixin {
}

void main() {
  Test().test();            // test
  print(Test().testInt);    // 1
  Test().test2();           // call method
}
复制代码

当使用on关键字，则表示该mixin只能在那个类的子类使用了，那么结果显然的，mixin中可以调用那个类定义的方法、属性

多个mixin

mixin TestMixin {
  void test() {
    print('test');
  }

  int testInt = 1;

  void test2();
}

mixin TestMixin2 {
  int testInt = 2;

  void test3() {
    print('test3');
  }
}

class Test with TestMixin, TestMixin2 {
  @override
  test2() {
    print('test2');
  }
}


void main() {
  Test().test();            // test
  print(Test().testInt);    // 2
  Test().test2();           // test2
  Test().test3();           // test3
}
复制代码

如果把TestMixin和TestMixin2的先后顺序改一下：

mixin TestMixin {
  void test() {
    print('test');
  }

  int testInt = 1;

  void test2();
}

mixin TestMixin2 {
  int testInt = 2;

  void test3() {
    print('test3');
  }
}

class Test with TestMixin2, TestMixin {
  @override
  test2() {
    print('test2');
  }
}

void main() {
  Test().test();            // test
  print(Test().testInt);    // 1
  Test().test2();           // test2
  Test().test3();           // test3
}
复制代码

如果mixin存在冲突的部分，后面会覆盖前面的，没有冲突的则会保留，所以可以存在后面的mixin修改了前面的mixin的一部分逻辑的情况，不需要直接继承即可实现覆盖，避免了更复杂的继承关系

"多重继承"

mixin TestMixin on BaseClass {
  void init() {
    print('TestMixin init start');
    super.init();
    print('TestMixin init end');
  }
}

mixin TestMixin2 on BaseClass {
  void init() {
    print('TestMixin2 init start');
    super.init();
    print('TestMixin2 init end');
  }
}

class BaseClass {
  void init() {
    print('Base init');
  }
  BaseClass() {
    init();
  }
}

class TestClass extends BaseClass with TestMixin, TestMixin2 {

  @override
  void init() {
    print('TestClass init start');
    super.init();
    print('TestClass init end');

  }
}

void main() {
  TestClass();
  /// TestClass init start
  /// TestMixin2 init start
  /// TestMixin init start
  /// Base init
  /// TestMixin init end
  /// TestMixin2 init end
  /// TestClass init end
}
复制代码

稍微有点绕，可以看到，这已经事实上达到多重继承才能达到的效果了，写起来比较麻烦，某种程度上也更不容易出错（相对于C++）。。。源码里有最好也最复杂的例子—WidgetsFlutterBinding，它的定义如下：

class WidgetsFlutterBinding extends BindingBase with GestureBinding, ServicesBinding, SchedulerBinding, PaintingBinding, SemanticsBinding, RendererBinding, WidgetsBinding {}
复制代码

具体WidgetsFlutterBinding的分析就没啦，自己看源码去吧~~