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


理解翻译自: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上函数式编程

七、恭喜你

你可能已经入坑了



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 204,921评论 6 478
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 87,635评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 151,393评论 0 338
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,836评论 1 277
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,833评论 5 368
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,685评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,043评论 3 399
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,694评论 0 258
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 42,671评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,670评论 2 321
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,779评论 1 332
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,424评论 4 321
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,027评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,984评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,214评论 1 260
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,108评论 2 351
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,517评论 2 343

推荐阅读更多精彩内容

  • 2014年的苹果全球开发者大会(WWDC),当Craig Federighi向全世界宣布“We have new ...
    yeshenlong520阅读 2,263评论 0 9
  • C#(C-Sharp)是Microsoft的新编程语言,被誉为“C/C++家族中第一种面向组件的语言”。然而,不管...
    浮生岁月阅读 3,725评论 0 7
  • 上课前的准备清单: 1.教室准备:桌椅摆放符合授课要求,无安全隐患;白板,白板笔等; 2.教学用具准备:电脑,每个...
    郭海霞阅读 701评论 0 0
  • 1.轮播的实现原理是怎样的?如果让你来实现,你会抽象出哪些函数(or接口)供使用?(比如 play()) 示意图 ...
    24_Magic阅读 270评论 0 0
  • 今天休班,早上送孩子坐校车后,发信息给皮老师说了孩子今天都带了哪些东西去了,让老师看看儿子会怎么跟老师说,儿子平时...
    郭家诚妈妈阅读 317评论 0 0