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

前端自习课 2020-05-23 07:28


本文转载于 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篇原创系列汇总

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

点这,与大家一起分享本文吧~
本站根据用户申请收录文章,版权归原作者所有
如若侵权,请联系ershicimi@163.com删除
觉得不错,分享给更多人

热门文章