Flutter mixin用法详解和一些思考

mixin是什么

mixin应该怎么理解呢，从个人理解来看，可以把它想象为java中的接口(和Java的区别是可以带非抽象的属性和方法(非抽象的意思是属性可以赋值，方法可以定义具体实现))，而多个mixin可以相互覆盖以实现组合，提供了非常强大的灵活性，也可以达到类似多重继承的效果。

最简单的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中可以调用那个类（on后面紧跟的类）定义的方法、属性

多个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
}
复制代码