美文网首页Dart
给Java开发者的Dart教程(20分钟上手)

给Java开发者的Dart教程(20分钟上手)

作者: _helloWorld | 来源:发表于2018-05-04 17:02 被阅读0次


    理解翻译自:https://codelabs.developers.google.com/codelabs/from-java-to-dart/#0

                         https://github.com/dart-lang/dart-pad

    一、简介

    Dart是谷歌开发的计算机编程语言,后来被Ecma (ECMA-408)认定为标准。它被用于web、服务器、移动应用和物联网等领域的开发(From自百度百科)。

    开发工具也十分多样,例如 IntelliJ 、 WebStorm、Android Studio等。当然任性的你也可以什么都不装(就装逼),因为google官方为你提供了在线的Dart编译环境 DartPad

    直入主题:

    二、创建简单的Dart类。

    以下为一个带有三个属性的Bicycle类,和main函数。

    class Bicycle {

    int cadence;

    int speed;

    int gear;

    }

    void main() {

    }

    * main()方法作为Dart的入口方法,这点大家都能快速理解。

    * Dart中不会申明 public, private, or protected关键字,不论是类、方法、变量上。且默认都是public。如果标识符前面加“_”,就是私有变量或者函数(下面会讲到)。

    1.定义构造函数

    · 添加以下构造函数到Bicycle类中去

    Bicycle(this.cadence, this.speed, this.gear);

    * 使用该构造方法能够快速地实现变量的赋值,等同于下面的构造方法。

    * Dart中无方法体的构造方法是合法的。

    Bicycle(int cadence, int speed, int gear) {

    this.cadence = cadence;

    this.speed = speed;

    this.gear = gear;

    }

    · 实例化Bicycle并打印

    在main()函数中添加如下代码:

    void main() {

    var bike = new Bicycle(2, 0, 1);

    print(bike);

    }

    * 如果已知变量不会再改变,可以使用final来代替var。

    * 在Dart2中 'new' 为可选关键字,你也可以写成  bike = Bicycle(2, 0, 1)。

    运行以上栗子🌰后,你会看到以下的输出结果:

    Instance of 'Bicycle'

    如此,便可以看出 var bike = ... 定义了Bicycle的实例。

    2.增强输出显示

    如上" Instance of ‘Bicycle' "输出结果,难以看出类的结构来。所有的Dart类同Java一样提供了重写toString()的方式,来增强类的输出。

    =>在Bicycle类中添加toString()方法:

    @overrideString toString() => 'Bicycle: $speed mph';

    * @override 注解等同于Java中的

    * Dart中可以用单引号或双引号创建字符串,可以同时使用(栗子:双引号中包含单引号)。

    *  使用${expression}在字符串中插入表达式,如果是标识符,可以省略{ }, 以上'Bicycle: $speed mph'等同于 'Bicycle: ${speed} mph'。

    * 使用 =>来代替return的写法,实现单行缩进效果,代码简洁有效。等效于下面的代码:

    @overrideString toString() {

    return 'Bicycle: $speed mph';

    }

    输出结果:

    Bicycle: 0 mph

    3.添加只读变量

    通常在Java中定义speed为只读变量 ——会将它申明为private并仅提供一个getter方法。接下来我们将实现相同的功能在Dart中。

    在DartPad中打开bicycle类

    Dart中定义私有标识,是让变量名以下划线 (_) 开头。在通过修改speed名字和添加getter方法,使其成为只读变量。

    · 创建私有的speed变量:

    * 在Bicycle构造函数中,移除speed参数:

    Bicycle(this.cadence, this.gear);

    * 在main()函数中,移除第二传参(speed):

    var bike = Bicycle(2, 1);

    * 将原speed变量改为_speed,初始化_speed

    int _speed = 0;

    * 添加getter方法在Bicycle类中:

    int get speed => _speed;

    * 未初始化变量(包括numbers类型) 默认值都是null。

    * Dart编译器会设置 以下划线开头的标识符为私有。

    * 默认下,Dart为所有的public实例变量提供了getters 和 setters 。不需要定义getters 和 setters就可以随处使用变量,更新变量。除非你想指定变量的只读或者只写,才需要重新定义getters 和 setters。

    · 添加以下方法到Bicycle类中:

    void applyBrake(int decrement) {

    _speed -= decrement;

    }

    void speedUp(int increment) {

    _speed += increment;

    }

    · 最后的栗子🌰看起来于Java类似,但代码仅23行相对于Java的40显得相当精简。

    class Bicycle {

    int cadence;

    int _speed = 0;

    int gear;

    Bicycle(this.cadence, this.gear);

    void applyBrake(int decrement) {

    _speed -= decrement;

    }

    void speedUp(int increment) {

    _speed += increment;

    }

    @override String toString() => 'Bicycle: $_speed mph';

    }

    void main() {

    var bike = new Bicycle(2, 1);

    print(bike);

    }

    三、使用可选参数(替代重载)

    接下去练习定义一个 Rectangle class, Java教程的一个示例。

    Java中构造方法可通过重载,实现不同参数数量或类型的方法定义。而Dart中不支持重载构造函数,处理这种状态,正如本节中你会发现的一样。

    在DartPad中打开 Rectangle 示例

    1.添加Rectangle构造方法

    Dart中一个空构造方法来实现Java四个重载构造方法。

    Rectangle({this.origin = const Point(0, 0), this.width = 0, this.height = 0});

    该构造使用了可选命名参数。

    * this.origin、this.width、 this.height 使用简写技巧在构造函数的声明中为实例变量赋初始值。

    * this.origin、this.width、 this.height 都是可选命名参数。命名参数都闭包于大括号中 ({})。

    * 其中 this.origin = const Point(0, 0)为origin实例变量指定了默认值——Point(0,0)。指定的默认值必须是编译时常量。 该构造函数为三个实例变量都提供默认值。

    2.增强输出

    · 添加toString()方法,到Rectangle类中:

    @overrideString toString() => 'Origin: (${origin.x}, ${origin.y}), width: $width, height: $height';

    3.使用构造方法

    根据你需要的参数,在main()方法中去验证Rectangle实例。

    main() {

    print(new Rectangle(origin: const Point(10, 20), width: 100, height: 200));

    print(new Rectangle(origin: const Point(10, 10)));

    print(new Rectangle(width: 200)); print(new Rectangle());

    }

    如上Dart使用单行的构造函数,实现了Java16行代码的等效功能。

    4.运行实例

    你会看到如下的输出:

    Origin: (10, 20), width: 100, height: 200

    Origin: (10, 10), width: 0, height: 0

    Origin: (0, 0), width: 200, height: 0

    Origin: (0, 0), width: 0, height: 0

    四、创建一个工厂

    工厂模式作为Java中常见的一种设计模式,相比直接实例化对象存在几个优势。例如:隐藏实例的细节、能够提供工厂返回类型的子类型,并且可选地返回现有对象而不是新对象。

    这里演示两种实现创建shape-creation工厂的方法:

    * 方式1:创建一个顶级函数

    * 方式2:创建一个工厂构造方法

    在本练习中,将使用Shapes示例,该示例将实例化形状并打印其计算区域:

    import 'dart:math';

    abstract class Shape {

    num get area;

    }

    class Circle implements Shape {

    final num radius; Circle(this.radius);

    num get area => PI * pow(radius, 2);

    }

    class Square implements Shape {

    final num side; Square(this.side);

    num get area => pow(side, 2);

    }

    main() {

    final circle = new Circle(2);

    final square = new Square(2);

    print(circle.area); print(square.area);

    }

    在DartPad中的Shapes实例

    你可以在控制台看到打印结果:

    12.566370614359172

    4

    观察结论:

    * Dart 支持抽象( abstract)类 classes。

    * 在一个文件中可定义多个类。

    * dart.math是Dart's 的核心库之一。其他核心库还包括: dart:core, dart:async, dart:convert, and dart:collection。

    * 以上代码包括两个getters方法计算面积值:

    num get area => PI * pow(radius, 2); // Circle

    num get area => pow(side, 2); // Square

    * 方式1:创建一个顶级函数

     Implement a factory as a top-level function by adding the following function at the highest level (outside of any class):

    通过在顶层添加以下方法(类的外层),来实现一个工厂作为顶层方法。

    Shape shapeFactory(String type) {

    if (type == 'circle') return new Circle(2);

    if (type == 'square') return new Square(2);

    throw 'Can\'t create $type.';

    }

    在main()函数中调调用工厂方法:

    final circle = shapeFactory('circle');

    final square = shapeFactory('square');

    运行实例

    输出结果与之前相同。

    观察结论:

    * 如果函数调用传入 'circle' 或 'square'外的参数,将抛出异常。

    *  Dart SDK中已有定义多个通用的异常类,或者你也可以继承这些异常类来创建一个你指定的异常。在本例中你也可以抛出一个描述异常原因的字符串。

    * 对于DartPad中未捕获的异常。可以通过try-catch语句包裹,并打印异常来观察。可选练习 DartPad example.

    * 在单引号字符串中使用单引号需要加上(\)来转义 ('Can\'t create $type.') 或者使用双引号嵌套 ("Can't create $type.")。

    * 方式2:创建一个工厂构造方法

    使用Dart的factory关键字来创建工厂构造方法

    * 在Shape抽象类中添加工厂的构造方法:

    abstract class Shape {

    factory Shape(String type) {

    if (type == 'circle') return new Circle(2);

    if (type == 'square') return new Square(2);

    throw 'Can\'t create $type.';

    }

    num get area;

    }

    main()函数中改为:

    final circle = new Shape('circle');

    final square = new Shape('square');

    删除之前添加的shapeFactory()方法。

    观察结论:

    * 工厂(factory)构造方法实现了shapeFactory()相同的功能。

    五、实现一个接口

    Dart语言不包含interface关键字,因为每个类都隐式地定义了一个接口。

    在DartPad中打开Shapes示例

     Add a CircleMock class that extends the Circle class:

    加入一个CircleMock类,并继承Circle类:

    class CircleMock implements Circle {}

    这时候你应该会看到 "Missing concrete implementations" 错误。在类中定义area和radius来修复这个错误吧。

    class CircleMock implements Circle {

    num area;

    num radius;

    }


    六、在Dart上函数式编程

    七、恭喜你

    你可能已经入坑了


    相关文章

      网友评论

        本文标题:给Java开发者的Dart教程(20分钟上手)

        本文链接:https://www.haomeiwen.com/subject/qwfkrftx.html