Dart编码：`extension` 这样用更高效

前言

extension 可以在不更改类或创建子类的情况下，向类添加扩展功能的一种方式。灵活使用 extension 对基础类进行扩展，对开发效率有显著提升。

举个栗子🌰，对 int 类型扩展

小轰在开发项目中碰到需求：将单位为分的数值转换成单位为元的字符串

/// 通常的写法，封装转换方法

///封装方法：金额转字符串 保留两位小数
String convertPointToUnit(int num){
    return (num.toDouble() / 100).toStringAsFixed(2);
}

///使用
void main(){
    int num = 100;
    var result = convertPointToUnit(num);
    print(result);  //打印结果为 1.00
}

同样的功能，使用 extension 进行开发，会更加简洁，如下：

/// 使用 extension 对 int 类进行扩展，添加方法 moneyString
extension ExInt on int {
  /// 金额转字符串 保留两位小数
  /// 100 => 1.00
  String get moneyString => (this.toDouble() / 100).toStringAsFixed(2);
}

import ../ExInt.dart;
///使用
void main(){
    int num = 100;
    print(num.moneyString); 
}

扩展后，直接作为该类型的成员方法来被使用。extension 就像是基因赋值，直接将能力（方法）对宿主进行赠与。

各种场景的扩展演示

• 对枚举进行扩展实现

enum FruitEnum { apple, banana }

extension ExFruitEnum on FruitEnum {
  String get name {
    switch (this) {
      case FruitEnum.apple:
        return "apple";
      case FruitEnum.banana:
        return "banana";
    }
  }
}

///字符串匹配枚举
FruitEnum generateFruit (String fruitType){
    if(fruitType == FruitEnum.apple.name){
        return FruitEnum.apple;
    } else if(fruitType == FruitEnum.banana.name){
        return FruitEnum.banana;
    }
}

• 扩展作用于泛型：

//扩展list的方法
extension ExList<T> on List<T> {
  //扩展操作符
  List<T> operator -() => reversed.toList();
  //一个链表分割成两个
  List<List<T>> split(int at) => <List<T>>[sublist(0, at), sublist(at)];
}

• 扩展在 Widget 控件中的应用
  我们会有类似的控件

Column(
    children: <Widget>[
        Container(
            paddint: const EdgeInsets.all(10)
            child: AWidget(),
        ),
        Container(
            paddint: const EdgeInsets.all(10)
            child: BWidget(),
        ),
        Container(
            paddint: const EdgeInsets.all(10)
            child: CWidget(),
        ),
    ]
)

代码中有很多的冗余对吧？我们用 extension 进行扩展一下：

extension ExWidget on Widget {
  Widget paddingAll(double padding) {
    return Container(
      paddint: const EdgeInsets.all(padding)
      child: this,
    );
  }
}

之后我们就可以改成：

Column(
    children: <Widget>[
        AWidget().paddingAll(10),
        BWidget().paddingAll(10),
        CWidget().paddingAll(10),
    ]
)

欢迎评论区分享更多有趣的用法~