极客时间已完结课程限时免费阅读

08 | 综合案例：掌握Dart核心特性

08 | 综合案例：掌握Dart核心特性-极客时间

08 | 综合案例：掌握Dart核心特性

2019-07-16 陈航 来自北京
《Flutter核心技术与实战》
课程介绍

讲述：陈航

时长10:45大小9.85M

你好，我是陈航。
在前两篇文章中，我首先与你一起学习了 Dart 程序的基本结构和语法，认识了 Dart 语言世界的基本构成要素，也就是类型系统，以及它们是怎么表示信息的。然后，我带你学习了 Dart 面向对象设计的基本思路，知道了函数、类与运算符这些其他编程语言中常见的概念，在 Dart 中的差异及典型用法，理解了 Dart 是怎么处理信息的。
可以看到，Dart 吸纳了其他编程语言的优点，在关于如何表达以及处理信息上，既简单又简洁，而且又不失强大。俗话说，纸上得来终觉浅，绝知此事要躬行。那么今天，我就用一个综合案例，把前面学习的关于 Dart 的零散知识串起来，希望你可以动手试验一下这个案例，借此掌握如何用 Dart 编程。
有了前面学习的知识点，再加上今天的综合案例练习，我认为你已经掌握了 Dart 最常用的 80% 的特性，可以在基本没有语言障碍的情况下去使用 Flutter 了。至于剩下的那 20% 的特性，因为使用较少，所以我不会在本专栏做重点讲解。如果你对这部分内容感兴趣的话，可以访问官方文档去做进一步了解。
此外，关于 Dart 中的异步和并发，我会在后面的第 23 篇文章“单线程模型怎么保证 UI 运行流畅？”中进行深入介绍。

案例介绍

今天，我选择的案例是，先用 Dart 写一段购物车程序，但先不使用 Dart 独有的特性。然后，我们再以这段程序为起点，逐步加入 Dart 语言特性，将其改造为一个符合 Dart 设计思想的程序。你可以在这个改造过程中，进一步体会到 Dart 的魅力所在。
首先，我们来看看在不使用任何 Dart 语法特性的情况下，一个有着基本功能的购物车程序长什么样子。
//定义商品Item类
class Item {
double price;
String name;
Item(name, price) {
this.name = name;
this.price = price;
}
}
//定义购物车类
class ShoppingCart {
String name;
DateTime date;
String code;
List<Item> bookings;
price() {
double sum = 0.0;
for(var i in bookings) {
sum += i.price;
}
return sum;
}
ShoppingCart(name, code) {
this.name = name;
this.code = code;
this.date = DateTime.now();
}
getInfo() {
return '购物车信息:' +
'\n-----------------------------' +
'\n用户名: ' + name+
'\n优惠码: ' + code +
'\n总价: ' + price().toString() +
'\n日期: ' + date.toString() +
'\n-----------------------------';
}
}
void main() {
ShoppingCart sc = ShoppingCart('张三', '123456');
sc.bookings = [Item('苹果',10.0), Item('鸭梨',20.0)];
print(sc.getInfo());
}
在这段程序中，我定义了商品 Item 类，以及购物车 ShoppingCart 类。它们分别包含了一个初始化构造方法，将 main 函数传入的参数信息赋值给对象内部属性。而购物车的基本信息，则通过 ShoppingCart 类中的 getInfo 方法输出。在这个方法中，我采用字符串拼接的方式，将各类信息进行格式化组合后，返回给调用者。
运行这段程序，不出意外，购物车对象 sc 包括的用户名、优惠码、总价与日期在内的基本信息都会被打印到命令行中。
购物车信息:
-----------------------------
用户名: 张三
优惠码: 123456
总价: 30.0
日期: 2019-06-01 17:17:57.004645
-----------------------------
这段程序的功能非常简单：我们初始化了一个购物车对象，然后给购物车对象进行加购操作，最后打印出基本信息。可以看到，在不使用 Dart 语法任何特性的情况下，这段代码与 Java、C++ 甚至 JavaScript 没有明显的语法差异。
在关于如何表达以及处理信息上，Dart 保持了既简单又简洁的风格。那接下来，我们就先从表达信息入手，看看 Dart 是如何优化这段代码的。

类抽象改造

我们先来看看 Item 类与 ShoppingCart 类的初始化部分。它们在构造函数中的初始化工作，仅仅是将 main 函数传入的参数进行属性赋值。
在其他编程语言中，在构造函数的函数体内，将初始化参数赋值给实例变量的方式非常常见。而在 Dart 里，我们可以利用语法糖以及初始化列表，来简化这样的赋值过程，从而直接省去构造函数的函数体：
class Item {
double price;
String name;
Item(this.name, this.price);
}
class ShoppingCart {
String name;
DateTime date;
String code;
List<Item> bookings;
price() {...}
//删掉了构造函数函数体
ShoppingCart(this.name, this.code) : date = DateTime.now();
...
}
这一下就省去了 7 行代码！通过这次改造，我们有两个新的发现：
首先，Item 类与 ShoppingCart 类中都有一个 name 属性，在 Item 中表示商品名称，在 ShoppingCart 中则表示用户名；
然后，Item 类中有一个 price 属性，ShoppingCart 中有一个 price 方法，它们都表示当前的价格。
考虑到 name 属性与 price 属性（方法）的名称与类型完全一致，在信息表达上的作用也几乎一致，因此我可以在这两个类的基础上，再抽象出一个新的基类 Meta，用于存放 price 属性与 name 属性。
同时，考虑到在 ShoppingCart 类中，price 属性仅用做计算购物车中商品的价格（而不是像 Item 类那样用于数据存取），因此在继承了 Meta 类后，我改写了 ShoppingCart 类中 price 属性的 get 方法：
class Meta {
double price;
String name;
Meta(this.name, this.price);
}
class Item extends Meta{
Item(name, price) : super(name, price);
}
class ShoppingCart extends Meta{
DateTime date;
String code;
List<Item> bookings;
double get price {...}
ShoppingCart(name, this.code) : date = DateTime.now(),super(name,0);
getInfo() {...}
}
通过这次类抽象改造，程序中各个类的依赖关系变得更加清晰了。不过，目前这段程序中还有两个冗长的方法显得格格不入，即 ShoppingCart 类中计算价格的 price 属性 get 方法，以及提供购物车基本信息的 getInfo 方法。接下来，我们分别来改造这两个方法。

方法改造

我们先看看 price 属性的 get 方法：
double get price {
double sum = 0.0;
for(var i in bookings) {
sum += i.price;
}
return sum;
}
在这个方法里，我采用了其他语言常见的求和算法，依次遍历 bookings 列表中的 Item 对象，累积相加求和。
而在 Dart 中，这样的求和运算我们只需重载 Item 类的“+”运算符，并通过对列表对象进行归纳合并操作即可实现（你可以想象成，把购物车中的所有商品都合并成了一个商品套餐对象）。
另外，由于函数体只有一行，所以我们可以使用 Dart 的箭头函数来进一步简化实现函数：
class Item extends Meta{
...
//重载了+运算符，合并商品为套餐商品
Item operator+(Item item) => Item(name + item.name, price + item.price);
}
class ShoppingCart extends Meta{
...
//把迭代求和改写为归纳合并
double get price => bookings.reduce((value, element) => value + element).price;
...
getInfo() {...}
}
可以看到，这段代码又简洁了很多！接下来，我们再看看 getInfo 方法如何优化。
在 getInfo 方法中，我们将 ShoppingCart 类的基本信息通过字符串拼接的方式，进行格式化组合，这在其他编程语言中非常常见。而在 Dart 中，我们可以通过对字符串插入变量或表达式，并使用多行字符串声明的方式，来完全抛弃不优雅的字符串拼接，实现字符串格式化组合。
getInfo () => '''
购物车信息:
-----------------------------
用户名: $name
优惠码: $code
总价: $price
Date: $date
-----------------------------
''';
在去掉了多余的字符串转义和拼接代码后，getInfo 方法看着就清晰多了。
在优化完了 ShoppingCart 类与 Item 类的内部实现后，我们再来看看 main 函数，从调用方的角度去分析程序还能在哪些方面做优化。

对象初始化方式的优化

在 main 函数中，我们使用
ShoppingCart sc = ShoppingCart('张三', '123456') ;
初始化了一个使用‘123456’优惠码、名为‘张三’的用户所使用的购物车对象。而这段初始化方法的调用，我们可以从两个方面优化：
首先，在对 ShoppingCart 的构造函数进行了大量简写后，我们希望能够提供给调用者更明确的初始化方法调用方式，让调用者以“参数名: 参数键值对”的方式指定调用参数，让调用者明确传递的初始化参数的意义。在 Dart 中，这样的需求，我们在声明函数时，可以通过给参数增加{}实现。
其次，对一个购物车对象来说，一定会有一个有用户名，但不一定有优惠码的用户。因此，对于购物车对象的初始化，我们还需要提供一个不含优惠码的初始化方法，并且需要确定多个初始化方法与父类的初始化方法之间的正确调用顺序。
按照这样的思路，我们开始对 ShoppingCart 进行改造。
需要注意的是，由于优惠码可以为空，我们还需要对 getInfo 方法进行兼容处理。在这里，我用到了 a??b 运算符，这个运算符能够大量简化在其他语言中三元表达式 (a != null)? a : b 的写法：
class ShoppingCart extends Meta{
...
//默认初始化方法，转发到withCode里
ShoppingCart({name}) : this.withCode(name:name, code:null);
//withCode初始化方法，使用语法糖和初始化列表进行赋值，并调用父类初始化方法
ShoppingCart.withCode({name, this.code}) : date = DateTime.now(), super(name,0);
//??运算符表示为code不为null，则用原值，否则使用默认值"没有"
getInfo () => '''
购物车信息:
-----------------------------
用户名: $name
优惠码: ${code??"没有"}
总价: $price
Date: $date
-----------------------------
''';
}
void main() {
ShoppingCart sc = ShoppingCart.withCode(name:'张三', code:'123456');
sc.bookings = [Item('苹果',10.0), Item('鸭梨',20.0)];
print(sc.getInfo());
ShoppingCart sc2 = ShoppingCart(name:'李四');
sc2.bookings = [Item('香蕉',15.0), Item('西瓜',40.0)];
print(sc2.getInfo());
}
运行这段程序，张三和李四的购物车信息都会被打印到命令行中：
购物车信息:
-----------------------------
用户名: 张三
优惠码: 123456
总价: 30.0
Date: 2019-06-01 19:59:30.443817
-----------------------------
购物车信息:
-----------------------------
用户名: 李四
优惠码: 没有
总价: 55.0
Date: 2019-06-01 19:59:30.451747
-----------------------------
关于购物车信息的打印，我们是通过在 main 函数中获取到购物车对象的信息后，使用全局的 print 函数打印的，我们希望把打印信息的行为封装到 ShoppingCart 类中。而对于打印信息的行为而言，这是一个非常通用的功能，不止 ShoppingCart 类需要，Item 对象也可能需要。
因此，我们需要把打印信息的能力单独封装成一个单独的类 PrintHelper。但，ShoppingCart 类本身已经继承自 Meta 类，考虑到 Dart 并不支持多继承，我们怎样才能实现 PrintHelper 类的复用呢？
这就用到了我在上一篇文章中提到的“混入”（Mixin），相信你还记得只要在使用时加上 with 关键字即可。
我们来试着增加 PrintHelper 类，并调整 ShoppingCart 的声明：
abstract class PrintHelper {
printInfo() => print(getInfo());
getInfo();
}
class ShoppingCart extends Meta with PrintHelper{
...
}
经过 Mixin 的改造，我们终于把所有购物车的行为都封装到 ShoppingCart 内部了。而对于调用方而言，还可以使用级联运算符“..”，在同一个对象上连续调用多个函数以及访问成员变量。使用级联操作符可以避免创建临时变量，让代码看起来更流畅：
void main() {
ShoppingCart.withCode(name:'张三', code:'123456')
..bookings = [Item('苹果',10.0), Item('鸭梨',20.0)]
..printInfo();
ShoppingCart(name:'李四')
..bookings = [Item('香蕉',15.0), Item('西瓜',40.0)]
..printInfo();
}
很好！通过 Dart 独有的语法特性，我们终于把这段购物车代码改造成了简洁、直接而又强大的 Dart 风格程序。

总结

这就是今天分享的全部内容了。在今天，我们以一个与 Java、C++ 甚至 JavaScript 没有明显语法差异的购物车雏形为起步，逐步将它改造成了一个符合 Dart 设计思想的程序。
首先，我们使用构造函数语法糖及初始化列表，简化了成员变量的赋值过程。然后，我们重载了“+”运算符，并采用归纳合并的方式实现了价格计算，并且使用多行字符串和内嵌表达式的方式，省去了无谓的字符串拼接。最后，我们重新梳理了类之间的继承关系，通过 mixin、多构造函数，可选命名参数等手段，优化了对象初始化调用方式。
下面是今天购物车综合案例的完整代码，希望你在 IDE 中多多练习，体会这次的改造过程，从而对 Dart 那些使代码变得更简洁、直接而强大的关键语法特性产生更深刻的印象。同时，改造前后的代码，你也可以在 GitHub 的Dart_Sample中找到：
class Meta {
double price;
String name;
//成员变量初始化语法糖
Meta(this.name, this.price);
}
class Item extends Meta{
Item(name, price) : super(name, price);
//重载+运算符，将商品对象合并为套餐商品
Item operator+(Item item) => Item(name + item.name, price + item.price);
}
abstract class PrintHelper {
printInfo() => print(getInfo());
getInfo();
}
//with表示以非继承的方式复用了另一个类的成员变量及函数
class ShoppingCart extends Meta with PrintHelper{
DateTime date;
String code;
List<Item> bookings;
//以归纳合并方式求和
double get price => bookings.reduce((value, element) => value + element).price;
//默认初始化函数，转发至withCode函数
ShoppingCart({name}) : this.withCode(name:name, code:null);
//withCode初始化方法，使用语法糖和初始化列表进行赋值，并调用父类初始化方法
ShoppingCart.withCode({name, this.code}) : date = DateTime.now(), super(name,0);
//??运算符表示为code不为null，则用原值，否则使用默认值"没有"
@override
getInfo() => '''
购物车信息:
-----------------------------
用户名: $name
优惠码: ${code??"没有"}
总价: $price
Date: $date
-----------------------------
''';
}
void main() {
ShoppingCart.withCode(name:'张三', code:'123456')
..bookings = [Item('苹果',10.0), Item('鸭梨',20.0)]
..printInfo();
ShoppingCart(name:'李四')
..bookings = [Item('香蕉',15.0), Item('西瓜',40.0)]
..printInfo();
}

思考题

请你扩展购物车程序的实现，使得我们的购物车可以支持：
商品数量属性；
购物车信息增加商品列表信息（包括商品名称，数量及单价）输出，实现小票的基本功能。
欢迎你在评论区给我留言分享你的观点，我会在下一篇文章中等待你！感谢你的收听，也欢迎你把这篇文章分享给更多的朋友一起阅读。
分享给需要的人，Ta购买本课程，你将得18元
生成海报并分享

赞 17

提建议

© 版权归极客邦科技所有，未经许可不得传播售卖。 页面已增加防盗追踪，如有侵权极客邦将依法追究其法律责任。
上一篇
07 | 函数、类与运算符：Dart是如何处理信息的？
下一篇
09 | Widget，构建Flutter界面的基石
 写留言

精选留言(67)

  • relax
    置顶
    2019-08-14
    能不能所有的示例代码放到一个git下面

    作者回复: 代码还是要分开放的，因为每节分享都是独立的一个可运行工程，不只是代码，还有CI和单测一堆工程相关的东西，集中放就没法管理了。 我单起了一个仓库，用submodule的方式把这些demo都收进去了，可以自取 https://github.com/cyndibaby905/flutter_core_demo

    共 3 条评论
    4
  • Ω
    2019-07-16
    Item operator+(Item item) => I... double get price => bookings... 这个改造+号的代码还是无法看懂

    作者回复: operator+：把两个Item对象合并为一个。新Item对象的name为这两个对象的name拼接而成，price为他们的price相加而成。 get price：对列表数据采用累加的方式进行求和。这里用到了reduce方法。reduce是函数迭代方法，需要传递一个二元函数进行列表的合并工作。list[0...n].reduce(f)等于： a0 = list[0] a1 = f(a0,list[1]) a2 = f(a1,list[2]) an = f(an-1,list[n]) 在这里我们的f是求和函数f(x,y)=x+y，可以理解成an=list[0]+list[1]+list[n-1]+list[n]

    共 2 条评论
    33
  • bytecode
    2019-07-16
    double get price() { double sum = 0.0; for(var i in bookings) { sum += i.price; } return sum; } 文中这里的price()是多了括号()，要去掉()
    展开

    作者回复: 感谢提醒

    13
  • jia58960
    2019-07-24
    大概能看懂并实现代码，但构造函数中的属性什么时候用this.属性，什么时候不用this，希望老师能回答下。

    作者回复: 类的实例变量：1.是声明时定义的，可以用this语法糖赋值；2.是继承来的，不能用this，需要把这个值交给super让父类赋值

    共 2 条评论
    10
  • Paradise
    2019-07-16
    这种结合代码的方式很友好，可以一边听一边上手，更容易理解...😀
    6
  • 灰灰
    2019-07-27
    abstract class PrintHelper { printInfo() => print(getInfo()); getInfo(); } class Meta { double price; String name; Meta(this.name, this.price); } // 定义商品Item类 class Item extends Meta { int count; Item(name, price, this.count): super(name, price); Item operator+(Item item) => Item(name + item.name, price * count + (item.price * item.count), 1); } //定义购物车类 class ShoppingCart extends Meta with PrintHelper { DateTime date; String code; List<Item> bookings; double get price => bookings.reduce((value, element) => (value + element)).price; // ShoppingCart(name, this.code): date = DateTime.now(), super(name,0); ShoppingCart({name}): this.withCode(name: name, code: null); ShoppingCart.withCode({name, this.code}): date = DateTime.now(), super(name, 0); getInfo () => ''' 购物车信息: ---------------- 商品名 单价 数量 总价 ---------------- ${bookings.map((item) => '${item.name} ${item.price} ${item.count} ${item.price * item.count}').join('\n ')} ================ 用户名： $name 优惠码： ${code ?? "没有"} 总价： $price 日期： $date '''; } void main() { ShoppingCart.withCode(name: '张三', code: '123456') ..bookings = [Item('苹果', 10.0, 3), Item('鸭梨', 20.0, 1)] ..printInfo(); ShoppingCart(name: '李四') ..bookings = [Item('香蕉', 2.4, 2), Item('芒果', 6.8, 4)] ..printInfo(); }
    展开

    作者回复: 赞

    共 2 条评论
    4
  • Uncle.Wang
    2019-08-20
    class Meta { double price; String name; // 成员变量初始化语法糖 Meta(this.name, this.price); } abstract class PrintHelper { printInfo() => print(getInfo()); getInfo(); } class Item extends Meta with PrintHelper { int count; Item(name, price, {int count = 1}): super(name, price) { this.count = count; } // 重载 + 运算符，将商品对象合并为套餐商品 Item operator+(Item item) => Item(name + item.name, price + item.price); @override getInfo() => ''' 商品名: $name 单价: $price 数量: $count --------------- '''; } //with 表示以非继承的方式复用了另一个类的成员变量及函数 class ShoppingCart extends Meta with PrintHelper{ DateTime date; String code; List<Item> bookings; // 以归纳合并方式求和 double get price => bookings.reduce((value, element) => value + element).price; // 默认初始化函数，转发至 withCode 函数 ShoppingCart({name}) : this.withCode(name:name, code:null); //withCode 初始化方法，使用语法糖和初始化列表进行赋值，并调用父类初始化方法 ShoppingCart.withCode({name, this.code}) : date = DateTime.now(), super(name,0); getBookingInfo() { String str = ""; for (Item item in bookings) { str += item.getInfo(); } return str; } //?? 运算符表示为 code 不为 null，则用原值，否则使用默认值 " 没有 " @override getInfo() => ''' 购物车信息: ----------------------------- 用户名: $name 优惠码: ${code??" 没有 "} 总价: $price Date: $date 商品列表： --------------- ${ getBookingInfo() } ----------------------------- '''; } void main() { ShoppingCart.withCode(name:'张三', code:'123456') ..bookings = [Item('苹果',10.0, count: 10), Item('鸭梨',20.0, count: 5)] ..printInfo(); ShoppingCart(name:'李四') ..bookings = [Item('香蕉',15.0), Item('西瓜',40.0)] ..printInfo(); }
    展开

    作者回复: 非常棒！

    3
  • 江宁彭于晏
    2019-07-19
    class Meta { double price; String name; // 成员变量初始化语法糖 Meta(this.name, this.price); } class Item extends Meta{ Item(name, price) : super(name, price); // 重载 + 运算符，将商品对象合并为套餐商品 Item operator+(Item item) => Item(name + item.name, price + item.price); } class Items { Item item; double num; Items(this.item, this.num); double get totalPrice => item.price * num; } abstract class PrintHelper { printInfo() => print(getInfo()); getInfo(); } //with 表示以非继承的方式复用了另一个类的成员变量及函数 class ShoppingCart extends Meta with PrintHelper{ DateTime date; String code; List<Items> bookings; // 以归纳合并方式求和 double get shopPrice { double result = 0.0; bookings.forEach((element) => result+=element.totalPrice); return result; } // 默认初始化函数，转发至 withCode 函数 ShoppingCart({name}) : this.withCode(name:name, code:null); //withCode 初始化方法，使用语法糖和初始化列表进行赋值，并调用父类初始化方法 ShoppingCart.withCode({name, this.code}) : date = DateTime.now(), super(name,0); //?? 运算符表示为 code 不为 null，则用原值，否则使用默认值 " 没有 " @override String getInfo() { String bookingsResult = '商品明细: \n'; bookings.forEach((item) => bookingsResult += ' 商品名称：${item.item.name} 单价：${item.item.price} 数量 ：${item.num} 总价：${item.totalPrice}\n'); return ''' 购物车信息: ----------------------------- 用户名: $name 优惠码: ${code??" 没有 "} $bookingsResult 总价: $shopPrice Date: $date ----------------------------- '''; } } void main() { ShoppingCart.withCode(name:'张三', code:'123456') ..bookings = [Items(Item('苹果',10.0),5.0), Items(Item('鸭梨',20.0),10.0)] ..printInfo(); ShoppingCart(name:'李四') ..bookings = [Items(Item('香蕉',15.0),10.0), Items(Item('西瓜',40.0),1.0)] ..printInfo(); }
    展开

    作者回复: 赞👍 不过数量作为Item的属性会更好一点。

    3
  • 于小鱼
    2021-09-25
    Dart 2.12 之后 Enabling null safety ， 文中的例子就有了问题。 booking 也需要 Initialize String code 需改为 String? code
    共 1 条评论
    2
  • gk
    2021-06-10
    19年的课，才看，忍不住回复下，主要是太妙了，作者的课程安排很好，另外这堂课的例子，从重载运算符，reduce妙用，级联运算符，一个比一个精彩，给个赞。
    共 1 条评论
    1
  • Carlo
    2019-10-15
    看到一段代码： firebaseService.login().then( (value) { print(value.toJson()); }, onError: (err) { print(err); }, ); 请问这个onError是怎么回事啊。为什么会被执行呢？ 这是dart特有的语法么？ 我所知道的一般sync function的语法是 thisFunction() .catch(console.error) .then(() => console.log('We do cleanup here'));
    展开

    作者回复: 给你展开一下你就明白了： funcThatThrows() .then(successCallback, onError: (e) { handleError(e); // Original error. anotherFuncThatThrows(); // new error. }) .catchError(handleError); // Error from within then() handled.

    1
  • 和小胖
    2019-08-14
    老师您的第二个题目，我理解是要做每一种商品的分类，但是我还是用了以前语言的思路来做了。麻烦老师，看看是否正确。 关键代码如下： //定义购物车类 class ShoppingCar extends Meta with PrintHelper { DateTime date; //购物日期 String code; //优惠券 List<Item> _bookings; //定义私有属性 num count; //商品数量 //求出总价 double get price => books.reduce((value, element) => value + element).price; List<Item> get books => _bookings; //给bookings定义set方法 set book(List<Item> bookings) { this._bookings = bookings; this.count = bookings.length; } //获取分类产品信息 String getGoodsInfo() { StringBuffer temp = new StringBuffer(); Map map = new Map<String, List<Item>>(); books.forEach((item) { if (!map.containsKey(item.name)) { List list = new List<Item>(); list.add(item); map[item.name] = list; } else { (map[item.name] as List<Item>).add(item); } }); map.forEach((k, v) { temp.write("商品名称：$k,该种商品数量：${(v as List).length},该种商品单价：${(v as List<Item>)[0].price}元\n"); print("$k,$v"); }); return temp.toString(); } //这种表达式赋值还是挺方便的 ShoppingCar.withCode({name, this.code}): this.date = DateTime.now(),super(name, 0.0); ShoppingCar({name}) : this.withCode(name: name, code: null); @override getInfo() { return ''' 购物车信息： ---------------------- 用户名：$name 优惠码：${code ?? "没有优惠券啊"} 商品总量：$count 总价：$price 日期：$date ${getGoodsInfo()} ---------------------- '''; } } 运行后信息如下：购物车信息： ---------------------- 用户名：小李 优惠码：没有优惠券啊 商品总量：3 总价：29.0 日期：2019-08-14 22:01:24.437085 商品名称：苹果,该种商品数量：2,该种商品单价：10.0元 商品名称：梨,该种商品数量：1,该种商品单价：9.0元 ----------------------
    展开

    作者回复: 结果倒是对，但是这个购物车与我们理解的购物车还是有差异： 1.count属性应该是Item对象的：一个Item对象有count个，而不是一直往购物车内加同样的对象count次； 2.由于你的count属性无法拆分到Item类，导致getGoodsInfo的计算异常繁琐了。如果count属性在Item类，getGoodsInfo计算可以收敛到Item对象类内部。

    1
  • 刘荣清
    2019-08-03
    在vs code已经安装dart、code runner插件，本地也安装完dart SDK，然后通过vs code运行dart 提示：dart : 无法将“dart”项识别为 cmdlet、函数... 但在cmd 控制板中就可以正常运行，这是为咋啊，vs code需要额外配置咋吗

    作者回复: 把dart命令所在的目录设置成环境变量PATH

    1
  • 黄金分割
    2022-12-03 来自广东
    老师的dart 比较旧了. 如果大家使用了2.12以上的dart, 引入了新特性null safety, 会报错 argument_type_not_assignable. ShoppingCart里的code需要这样声明才行. String? code;
  • 利姆露·坦派斯特
    2022-09-11 来自美国
    因为dart的null安全，现在要正常执行上面的代码的话。需要在ShoppingCart中对code属性以及bookings的那个属性做一些声明上的更改。使其空值安全才能通过编译。建议各位尝试 ? 跟 late 这两种方式使其空值安全。
  • 土豆土豆泥
    2022-05-08
    干货满满
  • 兔斯基
    2022-05-01
    新版本可控字段需要标识（Dart 2.10.5） String? code; 否则会编译不通过
  • 杰瑞
    2021-10-13
    class Meta{ String name; double price; Meta(this.name,this.price); } abstract class PrintHelper{ printInfo() => print(getPrintInfo()); String getPrintInfo(); } //定义商品Item类 class Item extends Meta with PrintHelper{ int count; Item({name, price}) : this.withCount(name:name,price:price,count:1); Item.withCount({name, price, this.count}):super(name,price); Item operator+(Item item) => Item(name:name+item.name, price:price*count+item.price*item.count); @override String getPrintInfo(){ return '\t $name \t\t $price \t $count \t ${price*count}'; } } //定义购物车类 class ShoppingCart extends Meta with PrintHelper{ DateTime date; String code; List<Item> bookings; ShoppingCart({String name}):this.withCode(name:name, code:null); ShoppingCart.withCode({String name, this.code}):date = DateTime.now(),super(name,0); double get price => bookings.reduce((value,element) => value + element).price; @override String getPrintInfo(){ String itemDetailPrintInfo = ''; bookings.forEach((item)=>{ itemDetailPrintInfo = itemDetailPrintInfo+item.getPrintInfo() + '\n' }); return ''' 购物车信息： ----------------------------- 用户名：$name 优惠码：${code??"无"} 总价： $price 日期： $date ----------------------------- 商品详情： ----------------------------- 商品名 \t 单价 \t 数量 \t 总价 $itemDetailPrintInfo ----------------------------- '''; } } void main(){ ShoppingCart(name:'张三') ..bookings = [Item(name:'苹果',price:10.0), Item.withCount(name:'鸭梨',price:50.0,count:3)] ..printInfo(); ShoppingCart.withCode(name:'李四',code:'123456') ..bookings = [Item.withCount(name:'香蕉',price:15.0,count:2), Item(name:'西瓜',price:40.0)] ..printInfo(); }
    展开
  • 董鹏宇
    2021-07-29
    PrintHelper 与 ShoppingCart的关系为什么是“混入“ 而不是组合呢？感觉 是has-a的关系而不是 is-a
  • Dale
    2021-07-03
    a. 静态方法没有办法使用 this 关键字； b. 构造函数或普通的实例方法里面，this 指向当前操作的实例; c. 构造函数的 “:” 后面初始化那一部分，this 指向当前类。 -------------------------- 不知道这个理解对不对？