【JS】602- Mixin!这是做什么的,如何使用?

本文转载于 SegmentFault 社区

作者:小红星闪啊闪

这里补充一下Mixin的定义:


只要一个类是继承自Object的而且没有定义构造方法,那么这个类可以是一个Mixin了。当然,如果你想让mixin的定义更加的清晰,可以使用mixin关键字开头来定义。具体请参考这里

原文截图体会一下风格。



正文

在经典的面向对象编程语言里一定会有常规的类,抽象类和接口。当然,Dart也有它自己的接口,不过那是另外的文章要说的。有的时候阴影里潜伏者另外的野兽:Mixin!这是做什么的,如何使用?我们来一起发现。




没有mixin的世界

假设你在构建一个模拟野生动物的app,那么你需要一个Mosquito(蚊子)类。作为一个有预见性的开发人员,你会抽象蚊子们有的共通的东西然后放在一个抽象类里。

abstract class Insect {  void crawl() {    print('crawling');  }}
abstract class AirborneInsect extends Insect {  void flutter() {    print('fluttering');  }
  void buzz() {    print('buzzing annoyingly')  }}
class Mosquito extends AirborneInsect {  void doMosquitoThing() {    crawl();    flutter();    buzz();    print('sucking blood');  }}

很棒!你已经做到了!添加新的昆虫就如同微风拂过一样,根本不会有代码的冗余出现。。。一直到你发现你需要一个Swallow类(就是一种可以吃掉整个蚊子的东西)

同样的也有很多鸟类共有的东西,我们可以创建一个Bird类。这个时候问题就出现了 -- 鸟也会振动翅膀!但是,你没法把flutter方法从AirboneInsect类里面提取出来组成一个新的类Fluttering。

为什么?Bird类可以继承Fluttering类,但是AirboneInsect不可以,它已经继承了Insect类了。Dart可不支持多继承(真很好)

这下,你需要给Bird类添加一个flutter方法了。代码冗余发生了!

abstract class Bird {  void chirp() {    print('chirp chirp');  }
  // Duplicate method  void flutter() {    print('fluttering');  }}
class Swallow extends Bird {  void doSwallowThing() {    chirp();    flutter();    print('eating a mosquito');  }}

使用mixin

Mixin的定义是“一种把类代码用在多个继承树的方法”。简单的说,mixin让你不用继承就可以引入代码块的方法。声明一个mixin非常的简单:

mixin Fluttering {    void flutter() {        pring('fluttering');    }}

这个mixin可以用在常规的类上面也可以用在抽象类,只需要一个with关键字。在野生动物模拟app例子里,你也许要用在抽象类上了。

mixin Fluttering {  void flutter() {    print('fluttering');  }}
abstract class Insect {  void crawl() {    print('crawling');  }}
abstract class AirborneInsect extends Insect with Fluttering {  void buzz() {    print('buzzing annoyingly');  }}
class Mosquito extends AirborneInsect {  void doMosquitoThing() {    crawl();    flutter();    buzz();    print('sucking blood');  }}
abstract class Bird with Fluttering {  void chirp() {    print('chirp chirp');  }}
class Swallow extends Bird {  void doSwallowThing() {    chirp();    flutter();    print('eating a mosquito');  }}

也可以在一个类上面使用多个mixin。如果需要在Bird类上用一个chirping mixn的话,就和Fluttering mixin一起用就好。

abstract class Bird with Fluttering, Chirping

限制Mixin的使用

有的时候你不想让mixin用在早已存在的类上面,你只是想让它用在某些特定的类或者其子类上。这通常你的代码对早已存在的代码有依赖。

在野生动物app这个例子里,你发现仅仅支持swallow已经不够了。还有其他种类的鸟比如麻雀或者Blue Jay等。与麻雀不同,很多其他的鸟需要从地里面啄食,种子啊,虫子啊的。。。

给Bird抽象类添加方法是不可能的,因为不是所有的鸟都需要啄食。所以,为了避免代码冗余,你可以创建一个叫做Pecking的mixin。

mixin Pecking {
  void peck() {
    print('pecking');
  }
}

这至少比代码荣誉好很多了。但是,也会有人把这个mixin用在Insect类上。这样使用mixin问题就大了。

当你开始研究一个鸟类的动作的时候,你会发现鸟儿在逐出食物之后就会发出愉悦的鸟鸣。从当前的mixin里面调用chirp方法是不可能的。要改也非常简单,只要告诉Dart,Pecking mixin只能用在Bird类上面。现在调用Bird类的方法就没有问题了。

//...mixin Pecking on Bird {    void peck() {        print('pecking');        chirp();    }}
class Sparrow extends Bird with Pecking {}
class BlueJay extends Bird with Pecking {}

结论

Mixin对于继承体系中避免代码的冗余非常有用处。mixin也可以被约束在只可以用在某些特定的类上面,这让他们成为了开发的一大利器!

参考链接:

https://resocoder.com/2019/07/21/mixins-in-dart-understand-dart-flutter-fundamentals-tutorial/

原创系列推荐

1. JavaScript 重温系列(22篇全)

2. ECMAScript 重温系列(10篇全)

3. JavaScript设计模式 重温系列(9篇全)

4. 正则 / 框架 / 算法等 重温系列(16篇全)

5. Webpack4 入门(上)|| Webpack4 入门(下)

6. MobX 入门(上) ||  MobX 入门(下)

7. 59篇原创系列汇总

回复“加群”与大佬们一起交流学习~

点这,与大家一起分享本文吧~

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章