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的分析就没啦，本身看源码去吧~~