Flutter Tips - implements、extends、mixin

关键词

  • class：类，可以新建实例，可以被extends、implements、mixin；
  • abstract：抽象类，在Java，C++中都是接口抽象类，可以定义属性和虚函数，等着实现类去实现定义的方法。相当于Swift和OC的protocol,Swift里可以使用extension实现默认方法，但是在Dart里抽象类可以直接默认实现方法和属性，只是不能新建实例类。
  • mixin：通过创建一个继承自 Object 且没有构造函数的类，来 实现 一个 Mixin 。 如果 Mixin 不希望作为常规类被使用，使用关键字 mixin 替换 class 。

关系

  • 继承：通过关键字extends；
  • 接口实现：通过关键字implements；
  • 混入mixins：通过关键字with；

这三种关系可以同时存在，但是有前后顺序：

extends -> mixins(with) -> implements

extens在前，mixins在中间，implements最后；

继承（extends）

Dart中的继承是单继承，具体继承规则：

  • 子类使用extends关键词来继承父类；
  • 子类会继承父类里面可见的属性和方法 但是不会继承构造函数；
  • 子类能复写父类的方法 getter和setter；
  • 子类重写超类的方法，要用@override；
  • 子类调用超类的方法，要用super；
  • 子类可以继承父类的非私有变量（对Dart来说，指的是非下划线_开头） ；
    举个简单的栗子🌰：
class Extends {
  void base() {
    print('base');
  }
  
  void log() {
    print('extends');
  }
}

class Log extends Extends {
  log() {
    print('log');
  }
}

void main() {
  Log().base();
  Log().log();
}

输出结果：

base
log

接口实现（implements）

implements与extends最大的不同就是允许后面接上多个普通或者抽象类，当我们使用B implement A修饰时，那么A中的所有的属性和方法都要在A中实现，无论它原来是抽象方法还是普通方法。

也就是说如果我们只想要A中的接口定义，而不想要它的实现，那么就试用implements。

class Implements {
  void base() {
    print('base');
  }
    
  void log() {
    print('extends');
  }
}

class Log implements Implements {
  base() {
    print('log#base');
  }
  
  log() {
    print('log');
  }
}

void main() {
  Log().base();
  Log().log();
}

输出结果：

log#base
log

混入（mixin）

mixin用于修饰类，和abstract类似，该类可以拥有成员变量、普通方法、抽象方法，但是不可以实例化。mixin一般用于描述一种具有某种功能的组块，而某一对象可以拥有多个不同功能的组块。

简单应用

最简单的mixin由mixin & with关键字组成。
举个例子，我们有一种能力是 '绘画'，而拥有这种能力的是 ‘教师’，那么实现如下：

mixin DrawFunc {
  String content = '..';
  String what();
    
  void draw() {
    print('I can draw ${what()}');  
  }
}

class Teacher with DrawFunc {
  String what() => "car";
}

void main() {
  Teacher().draw();
}

限定类型（mixin ... on）

我们限定了 '绘画' 这种能力只能够用在 '人类' 上面，示例如下：

class Person {}

mixin DrawFunc on Person {
  String content = '..';
  String what();
    
  void draw() {
    print('I can draw ${what()}');  
  }
}

class Teacher extends Person with DrawFunc {
  String what() => "car";
}

void main() {
  Teacher().draw();
}

当我们在mixin上使用了on关键字，那么mixin只能在那个类的子类上使用，而mixin可以调用那个类的方法。

多个类型

在 '绘画' 的基础上，我们增加一种新的能力 '唱歌'，示例如下：

class Person {}

mixin DrawFunc on Person {
  String content = '..';
  String what();

  void draw() {
    print('I can draw ${what()}');  
  }
}

mixin SingFunc on Person {
  
  void sing() {
    print('I can sing');
  }
}

class Teacher extends Person with DrawFunc, SingFunc {
  String what() => "car";
}

void main() {
  Teacher().draw();
  Teacher().sing();
}

on的一种复杂变形

关于on还有一种复杂的变形，我们在 '唱歌' 上增加一条约束，要求它必须是在DrawFunc之上：

mixin SingFunc on Person, DrawFunc {
  
  void sing() {
    print('I can sing');
  }
}

那么这时候，虽然Teacher没有extends DrawFunc，但是如下的代码仍然可以编译通过：

class Teacher extends Person with DrawFunc, SingFunc {
  String what() => "car";
}

而我们交换一下DrawFunc和SingFunc的顺序就不行了：

class Teacher extends Person with SingFunc, DrawFunc {
  String what() => "car";
}

提示信息是：

Error compiling to JavaScript:
main.dart:22:7:
Error: 'Person' doesn't implement 'DrawFunc' so it can't be used with 'SingFunc'.
 - 'Person' is from 'main.dart'.
 - 'DrawFunc' is from 'main.dart'.
 - 'SingFunc' is from 'main.dart'.
class Teacher extends Person with SingFunc, DrawFunc {
      ^
Error: Compilation failed.

结论：要满足on的要求，除了使用extends之外，还可以在with列表中，在它之前进行声明。在Flutter的WidgetsFlutterBinding中，就涉及到了这一点的运用。

abstract class BindingBase {}

mixin ServicesBinding on BindingBase {}

mixin SchedulerBinding on BindingBase, ServicesBinding {}

mixin RendererBinding on BindingBase, ServicesBinding {}

class WidgetsFlutterBinding extends BindingBase with ServicesBinding, SchedulerBinding, RendererBinding {}

Tips

在这上面，我们接触了几个新的概念mixin, on, with：

mixin：定义了组块。
on：限定了使用mixin组块的宿主必须要继承于某个特定的类；在mixin中可以访问到该特定类的成员和方法。
with：负责组合组块，而with后面跟的类并不一定需要是mixin的，abstract class和普通类都是可以的，这一点需要注意，例如下面这样：

class Person {}

mixin DrawFunc on Person {
  String content = '..';
  
  String what();
    
  void draw() {
    print('I can draw ${what()}');  
  }
}

mixin SingFunc on Person {
  
  void sing() {
    print('I can sing');
  }
}

abstract class DanceFunc {
  
  void dance() {
    print('I can dance');
  }
}

class Teacher extends Person with DrawFunc, SingFunc, DanceFunc {
  String what() => "car";
}

void main() {
  Teacher().draw();
  Teacher().sing();
  Teacher().dance();
}

冲突

如果同时存在extends, with，并且它们都定义了相同的方法名，那么结果如何呢？我们来看下面的例子：

class Extends {
  
  void log() {
    print('extends');
  }
}

mixin Mixins {
  
  void log() {
    print('mixin');
  }
}

mixin Mixins2 {
  
  void log() {
    print('mixin2');
  }
}

class Log extends Extends with Mixins, Mixins2 {}

void main() {
  Log().log();
}

输出结果：

mixin2

结论：

  • with修饰的会覆盖extends中修饰的同名方法。
  • with列表中后一个的会覆盖之前的。

再来看一下加上了implements的情况：

class Extends {
  
  void log() {
    print('extends');
  }
}

mixin Mixins {
  
  void log() {
    print('mixin');
  }
}

mixin Mixins2 {
  
  void log() {
    print('mixin2');
  }
}

class Implements {
  
  void log() {
    print('implements');
  }
}

class Log extends Extends with Mixins, Mixins2 implements Implements {}

void main() {
  Log().log();
}

输出结果：

mixin2

这里我们发现了一个奇怪的现象：虽然我们加上了implements，但是Dart居然没让我们实现Implements.log()方法！

这是因为在这种情况下，它识别到我们从with和extends中获得了log()方法的能力，因此调用的是Mixins2.log()。

假如我们对Implements#log方法进行实现：

class Log extends Extends with Mixins, Mixins2 implements Implements {
  
  void log() {
    print("implements log");
  }
}

输出结果：

implements log

以上，希望能让我们都有所收获～

喜欢我的可以关注收藏我的个人博客：Ro.bber

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 203,937评论 6赞 478
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 85,503评论 2赞 381
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 150,712评论 0赞 337
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,668评论 1赞 276
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,677评论 5赞 366
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,601评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,975评论 3赞 396
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,637评论 0赞 258
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,881评论 1赞 298
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,621评论 2赞 321
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,710评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,387评论 4赞 319
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,971评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,947评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,189评论 1赞 260
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 44,805评论 2赞 349
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,449评论 2赞 342