乐趣区

Flutter四之搞定Dart二

jiezi

前言一：接下来一段时间我会陆续更新一些列 Flutter 文字教程

更新进度： 每周至少两篇；

更新地点： 首发于公众号，第二天更新于掘金、思否等地方；

更多交流： 可以添加我的微信 372623326，关注我的微博：coderwhy

希望大家可以 帮忙转发，点击在看，给我更多的创作动力。

一. 运算符

这里，我只列出来相对其他语言比较特殊的运算符，因为某些运算符太简单了，不浪费时间，比如 +、-、+=、==。

你可能会疑惑，Dart 为什么要搞出这么多特殊的运算符呢？

你要坚信一点：所有这些特殊的运算符都是为了让我们在开发中可以更加方便的操作，而不是让我们的编码变得更加复杂。

1.1. 除法、整除、取模运算

我们来看一下除法、整除、取模运算

var num = 7;
print(num / 3); // 除法操作, 结果 2.3333..
print(num ~/ 3); // 整除操作, 结果 2;
print(num % 3); // 取模操作, 结果 1;

1.2. ??= 赋值操作

dart 有一个很多语言都不具备的赋值运算符：

  • 当变量为 null 时，使用后面的内容进行赋值。
  • 当变量有值时，使用自己原来的值。
main(List<String> args) {
  var name1 = 'coderwhy';
  print(name1);
  // var name2 = 'kobe';
  var name2 = null;
  name2 ??= 'james'; 
  print(name2); // 当 name2 初始化为 kobe 时，结果为 kobe，当初始化为 null 时，赋值了 james
}

1.3. 条件运算符：

Dart 中包含一直比较特殊的条件运算符：expr1 ?? expr2

  • 如果 expr1 是 null，则返回 expr2 的结果;
  • 如果 expr1 不是 null，直接使用 expr1 的结果。
var temp = 'why';
var temp = null;
var name = temp ?? 'kobe';
print(name);

1.4. 级联语法：..

  • 某些时候，我们希望对一个对象进行连续的操作，这个时候可以使用级联语法
class Person {
  String name;

  void run() {print("${name} is running");
  }

  void eat() {print("${name} is eating");
  }

  void swim() {print("${name} is swimming");
  }
}

main(List<String> args) {final p1 = Person();
  p1.name = 'why';
  p1.run();
  p1.eat();
  p1.swim();

  final p2 = Person()
              ..name = "why"
              ..run()
              ..eat()
              ..swim();}

二. 流程控制

和大部分语言的特性比较相似，这里就不再详细赘述，看一下即可。

2.1. if 和 else

和其他语言用法一样

这里有一个注意点：不支持非空即真或者非 0 即真，必须有明确的 bool 类型

  • 我们来看下面 name 为 null 的判断

2.2. 循环操作

基本的 for 循环

for (var i = 0; i < 5; i++) {print(i);
}

for in 遍历 List 和 Set 类型

var names = ['why', 'kobe', 'curry'];
for (var name in names) {print(name);
}

while 和 do-while 和其他语言一致

break 和 continue 用法也是一致

2.3. switch-case

普通的 switch 使用

  • 注意：每一个 case 语句，默认情况下必须以一个 break 结尾
main(List<String> args) {
  var direction = 'east';
  switch (direction) {
    case 'east':
      print('东面');
      break;
    case 'south':
      print('南面');
      break;
    case 'west':
      print('西面');
      break;
    case 'north':
      print('北面');
      break;
    default:
      print('其他方向');
  }
}

三. 类和对象

Dart 是一个面向对象的语言，面向对象中非常重要的概念就是类，类产生了对象。

这一节，我们就具体来学习类和对象，但是 Dart 对类进行了很多其他语言没有的特性，所以，这里我会花比较长的篇幅来讲解。

3.1. 类的定义

在 Dart 中，定义类用class 关键字。

类通常有两部分组成：成员（member）和方法（method）。

定义类的伪代码如下：

class 类名 {
  类型 成员名;
  返回值类型 方法名(参数列表) {方法体}
}

编写一个简单的 Person 类：

  • 这里有一个注意点: 我们在方法中使用属性 (成员 / 实例变量) 时，并没有加 this；
  • Dart 的开发风格中，在方法中通常使用属性时，会 省略 this，但是有 命名冲突 时，this 不能省略；
class Person {
  String name;

  eat() {print('$name 在吃东西');
  }
}

我们来使用这个类，创建对应的对象：

  • 注意：从 Dart2 开始，new 关键字可以省略。
main(List<String> args) {
  // 1. 创建类的对象
  var p = new Person(); // 直接使用 Person()也可以创建

  // 2. 给对象的属性赋值
  p.name = 'why';

  // 3. 调用对象的方法
  p.eat();}

3.2. 构造方法

3.2.1. 普通构造方法

我们知道, 当通过类创建一个对象时，会调用这个类的构造方法。

  • 当类中 没有明确指定构造方法 时，将默认拥有一个 无参的构造方法。
  • 前面的 Person 中我们就是在调用这个构造方法.

我们也可以根据自己的需求，定义自己的构造方法:

  • 注意一：当有了自己的构造方法时，默认的构造方法将会失效，不能使用

    • 当然，你可能希望明确的写一个默认的构造方法，但是会和我们自定义的构造方法冲突；
    • 这是因为 Dart 本身 不支持函数的重载（名称相同, 参数不同的方式）。
  • 注意二：这里我还实现了 toString 方法
class Person {
  String name;
  int age;

  Person(String name, int age) {
    this.name = name;
    this.age = age;
  }

  @override
  String toString() {return 'name=$name age=$age';}
}

另外，在实现构造方法时，通常做的事情就是通过 参数 给属性 赋值

为了简化这一过程, Dart 提供了一种更加简洁的 语法糖形式.

上面的构造方法可以优化成下面的写法：

  Person(String name, int age) {
    this.name = name;
    this.age = age;
  }
  // 等同于
  Person(this.name, this.age);

3.2.2. 命名构造方法

但是在开发中, 我们确实希望实现更多的构造方法，怎么办呢？

  • 因为不支持方法（函数）的重载，所以我们没办法创建相同名称的构造方法。

我们需要使用 命名构造方法:

class Person {
  String name;
  int age;

  Person() {
    name = '';
    age = 0;
  }
    // 命名构造方法
  Person.withArgments(String name, int age) {
    this.name = name;
    this.age = age;
  }

  @override
  String toString() {return 'name=$name age=$age';}
}

// 创建对象
var p1 = new Person();
print(p1);
var p2 = new Person.withArgments('why', 18);
print(p2);

在之后的开发中, 我们也可以利用命名构造方法，提供更加便捷的创建对象方式:

  • 比如开发中，我们需要经常将一个 Map 转成对象，可以提供如下的构造方法
  // 新的构造方法
    Person.fromMap(Map<String, Object> map) {this.name = map['name'];
    this.age = map['age'];
  }

    // 通过上面的构造方法创建对象
  var p3 = new Person.fromMap({'name': 'kobe', 'age': 30});
  print(p3);

3.2.3. 初始化列表

我们来重新定义一个类 Point, 传入 x /y，可以得到它们的距离 distance:

class Point {
  final num x;
  final num y;
  final num distance;

  // 错误写法
  // Point(this.x, this.y) {//   distance = sqrt(x * x + y * y);
  // }

  // 正确的写法
  Point(this.x, this.y) : distance = sqrt(x * x + y * y);
}

上面这种初始化变量的方法, 我们称之为 初始化列表(Initializer list)

3.2.4. 重定向构造方法

在某些情况下, 我们希望在一个构造方法中去调用另外一个构造方法, 这个时候可以使用 重定向构造方法：

  • 在一个构造函数中，去调用另外一个构造函数（注意：是在冒号后面使用 this 调用）
class Person {
  String name;
  int age;

  Person(this.name, this.age);
  Person.fromName(String name) : this(name, 0);
}

3.2.5. 常量构造方法

在某些情况下，传入相同值时 ，我们希望 返回同一个对象，这个时候，可以使用常量构造方法.

默认情况下，创建对象时，即使传入相同的参数，创建出来的也不是同一个对象，看下面代码:

  • 这里我们使用 identical(对象 1, 对象 2) 函数来判断两个对象是否是同一个对象:
main(List<String> args) {var p1 = Person('why');
  var p2 = Person('why');
  print(identical(p1, p2)); // false
}

class Person {
  String name;

  Person(this.name);
}

但是, 如果将构造方法前加const 进行修饰，那么可以保证同一个参数，创建出来的对象是相同的

  • 这样的构造方法就称之为 常量构造方法。
main(List<String> args) {var p1 = const Person('why');
  var p2 = const Person('why');
  print(identical(p1, p2)); // true
}

class Person {
  final String name;

  const Person(this.name);
}

常量构造方法有一些注意点:

  • 注意一：拥有常量构造方法的类中，所有的 成员变量必须是 final 修饰 的.

  • 注意二: 为了可以通过常量构造方法，创建出相同的对象，不再使用 new关键字，而是使用 const 关键字

    • 如果是将结果赋值给 const 修饰的标识符时，const 可以省略.

3.2.6. 工厂构造方法

Dart 提供了 factory 关键字, 用于通过工厂去获取对象

main(List<String> args) {var p1 = Person('why');
  var p2 = Person('why');
  print(identical(p1, p2)); // true
}

class Person {
  String name;

  static final Map<String, Person> _cache = <String, Person>{};

  factory Person(String name) {if (_cache.containsKey(name)) {return _cache[name];
    } else {final p = Person._internal(name);
      _cache[name] = p;
      return p;
    }
  }

  Person._internal(this.name);
}

3.3. setter 和 getter

默认情况下，Dart 中类定义的属性是可以直接被外界访问的。

但是某些情况下，我们希望监控这个 类的属性 被访问的过程，这个时候就可以使用 setter 和 getter 了

main(List<String> args) {final d = Dog("黄色");
  d.setColor = "黑色";
  print(d.getColor);
}

class Dog {
  String color;

  String get getColor {return color;}
  set setColor(String color) {this.color = color;}

  Dog(this.color);
}

3.4. 类的继承

面向对象的其中一大特性就是继承，继承不仅仅可以 减少我们的代码量 ，也是 多态的使用前提。

Dart 中的继承使用extends 关键字，子类中使用 super 来访问父类。

父类中的所有成员变量和方法都会被继承,，但是构造方法除外。

main(List<String> args) {var p = new Person();
  p.age = 18;
  p.run();
  print(p.age);
}

class Animal {
  int age;

  run() {print('在奔跑 ing');
  }
}

class Person extends Animal {

}

子类可以 拥有自己的成员变量, 并且可以 对父类的方法进行重写：

class Person extends Animal {
  String name;

  @override
  run() {print('$name 在奔跑 ing');
  }
}

子类中可以调用父类的构造方法，对某些属性进行初始化：

  • 子类的构造方法在执行前，将隐含调用父类的 无参默认构造方法（没有参数且与类同名的构造方法）。
  • 如果父类没有 无参默认构造方法 ，则子类的构造方法必须在初始化列表中通过super 显式调用父类的某个构造方法。
class Animal {
  int age;

  Animal(this.age);

  run() {print('在奔跑 ing');
  }
}

class Person extends Animal {
  String name;

  Person(String name, int age) : name=name, super(age);

  @override
  run() {print('$name 在奔跑 ing');
  }

  @override
  String toString() {return 'name=$name, age=$age';}
}

3.5. 抽象类

我们知道，继承是多态使用的前提。

所以在定义很多通用的 调用接口 时, 我们通常会让调用者 传入父类，通过多态来实现更加灵活的调用方式。

但是，父类本身可能并不需要对某些方法进行具体的实现，所以父类中定义的方法,，我们可以定义为 抽象方法。

什么是 抽象方法? 在 Dart 中没有具体实现的方法(没有方法体)，就是抽象方法。

  • 抽象方法，必须存在于抽象类中。
  • 抽象类是使用 abstract 声明的类。

下面的代码中, Shape 类就是一个抽象类, 其中包含一个抽象方法.

abstract class Shape {getArea();
}

class Circle extends Shape {
  double r;

  Circle(this.r);

  @override
  getArea() {return r * r * 3.14;}
}

class Reactangle extends Shape {
  double w;
  double h;

  Reactangle(this.w, this.h);

  @override
  getArea() {return w * h;}
}

注意事项:

  • 注意一：抽象类不能实例化.
  • 注意二：抽象类中的抽象方法必须被子类实现, 抽象类中的已经被实现方法, 可以不被子类重写.

3.6. 隐式接口

Dart 中的接口比较特殊, 没有一个专门的关键字来声明接口.

默认情况下，定义的每个类都相当于默认也声明了一个接口，可以由其他的类来实现(因为 Dart 不支持多继承)

在开发中，我们通常将用于给别人实现的类声明为抽象类:

abstract class Runner {run();
}

abstract class Flyer {fly();
}

class SuperMan implements Runner, Flyer {
  @override
  run() {print('超人在奔跑');
  }

  @override
  fly() {print('超人在飞');
  }
}

3.7. Mixin 混入

在通过 implements 实现某个类时，类中所有的方法都必须 被重新实现(无论这个类原来是否已经实现过该方法)。

但是某些情况下，一个类可能希望直接复用之前类的原有实现方案，怎么做呢?

  • 使用继承吗？但是 Dart 只支持单继承，那么意味着你只能复用一个类的实现。

Dart 提供了另外一种方案: Mixin 混入的方式

  • 除了可以通过 class 定义类之外，也可以通过 mixin 关键字来定义一个类。
  • 只是通过 mixin 定义的类用于被其他类混入使用，通过 with 关键字来进行混入。
main(List<String> args) {var superMan = SuperMain();
  superMan.run();
  superMan.fly();}

mixin Runner {run() {print('在奔跑');
  }
}

mixin Flyer {fly() {print('在飞翔');
  }
}

// implements 的方式要求必须对其中的方法进行重新实现
// class SuperMan implements Runner, Flyer {}

class SuperMain with Runner, Flyer {

}

3.8. 类成员和方法

前面我们在类中定义的成员和方法都属于对象级别的, 在开发中, 我们有时候也需要定义类级别的成员和方法

在 Dart 中我们使用 static 关键字来定义:

main(List<String> args) {var stu = Student();
  stu.name = 'why';
  stu.sno = 110;
  stu.study();

  Student.time = '早上 8 点';
  // stu.time = '早上 9 点'; 错误做法, 实例对象不能访问类成员
  Student.attendClass();
  // stu.attendClass(); 错误做法, 实现对象补鞥呢访问类方法}

class Student {
  String name;
  int sno;

  static String time;

  study() {print('$name 在学习');
  }

  static attendClass() {print('去上课');
  }
}

3.9. 枚举类型

枚举在开发中也非常常见, 枚举也是一种特殊的类, 通常用于表示固定数量的 常量值。

3.9.1. 枚举的定义

枚举使用 enum 关键字来进行定义:

main(List<String> args) {print(Colors.red);
}

enum Colors {
  red,
  green,
  blue
}

3.9.2. 枚举的属性

枚举类型中有两个比较常见的属性:

  • index: 用于表示每个枚举常量的索引, 从 0 开始.
  • values: 包含每个枚举值的 List.
main(List<String> args) {print(Colors.red.index);
  print(Colors.green.index);
  print(Colors.blue.index);

  print(Colors.values);
}

enum Colors {
  red,
  green,
  blue
}

枚举类型的注意事项:

  • 注意一: 您不能子类化、混合或实现枚举。
  • 注意二: 不能显式实例化一个枚举

四. 泛型

4.1. 为什么使用泛型?

对于有基础的同学, 这部分不再解释

4.2. List 和 Map 的泛型

List 使用时的泛型写法:

  // 创建 List 的方式
  var names1 = ['why', 'kobe', 'james', 111];
  print(names1.runtimeType); // List<Object>

  // 限制类型
  var names2 = <String>['why', 'kobe', 'james', 111]; // 最后一个报错
  List<String> names3 = ['why', 'kobe', 'james', 111]; // 最后一个报错

Map 使用时的泛型写法:

  // 创建 Map 的方式
  var infos1 = {1: 'one', 'name': 'why', 'age': 18}; 
  print(infos1.runtimeType); // _InternalLinkedHashMap<Object, Object>

  // 对类型进行显示
  Map<String, String> infos2 = {'name': 'why', 'age': 18}; // 18 不能放在 value 中
  var infos3 = <String, String>{'name': 'why', 'age': 18}; // 18 不能放在 value 中

4.3. 类定义的泛型

如果我们需要定义一个类, 用于存储位置信息 Location, 但是并不确定使用者希望使用的是 int 类型, 还是 double 类型, 甚至是一个字符串, 这个时候如何定义呢?

  • 一种方案是使用 Object 类型, 但是在之后使用时, 非常不方便
  • 另一种方案就是使用泛型.

Location 类的定义: Object 方式

main(List<String> args) {Location l1 = Location(10, 20);
  print(l1.x.runtimeType); // Object
}

class Location {
  Object x;
  Object y;

  Location(this.x, this.y);
}

Location 类的定义: 泛型方式

main(List<String> args) {Location l2 = Location<int>(10, 20);
  print(l2.x.runtimeType); // int 

  Location l3 = Location<String>('aaa', 'bbb');
  print(l3.x.runtimeType); // String
}
}

class Location<T> {
  T x;
  T y;

  Location(this.x, this.y);
}

如果我们希望类型只能是 num 类型, 怎么做呢?

main(List<String> args) {Location l2 = Location<int>(10, 20);
  print(l2.x.runtimeType);
    
  // 错误的写法, 类型必须继承自 num
  Location l3 = Location<String>('aaa', 'bbb');
  print(l3.x.runtimeType);
}

class Location<T extends num> {
  T x;
  T y;

  Location(this.x, this.y);
}

4.4. 泛型方法的定义

最初，Dart 仅仅在类中支持泛型。后来一种称为泛型方法的新语法允许在方法和函数中使用类型参数。

main(List<String> args) {var names = ['why', 'kobe'];
  var first = getFirst(names);
  print('$first ${first.runtimeType}'); // why String
}

T getFirst<T>(List<T> ts) {return ts[0];
}

五. 库的使用

在 Dart 中，你可以导入一个库来使用它所提供的功能。

库的使用可以使代码的重用性得到提高，并且可以更好的组合代码。

Dart 中任何一个 dart 文件都是一个库，即使你没有用关键字 library 声明

5.1. 库的导入

import 语句用来导入一个库，后面跟一个字符串形式的 Uri 来指定表示要引用的库，语法如下：

import '库所在的 uri';

常见的库 URI 有三种不同的形式

  • 来自 dart 标准版，比如 dart:io、dart:html、dart:math、dart:core(但是这个可以省略)
//dart: 前缀表示 Dart 的标准库，如 dart:io、dart:html、dart:math
import 'dart:io';
  • 使用相对路径导入的库，通常指自己项目中定义的其他 dart 文件
// 当然，你也可以用相对路径或绝对路径的 dart 文件来引用
import 'lib/student/student.dart';
  • Pub 包管理工具管理的一些库，包括自己的配置以及一些第三方的库，通常使用前缀 package
//Pub 包管理系统中有很多功能强大、实用的库，可以使用前缀 package:
import 'package:flutter/material.dart';

库文件中内容的显示和隐藏

如果希望 只导入库中某些内容 ，或者刻意 隐藏库里面某些内容 ，可以使用show 和hide关键字

  • show 关键字：可以显示某个成员（屏蔽其他）
  • hide 关键字：可以隐藏某个成员（显示其他）
import 'lib/student/student.dart' show Student, Person;

import 'lib/student/student.dart' hide Person;

库中内容和当前文件中的名字冲突

当各个库有命名冲突的时候，可以使用 as 关键字 来使用命名空间

import 'lib/student/student.dart' as Stu;

Stu.Student s = new Stu.Student();

5.2. 库的定义

library 关键字

通常在定义库时，我们可以使用 library 关键字给库起一个名字。

但目前我发现，库的名字并不影响导入，因为 import 语句用的是字符串 URI

library math;

part 关键字

在之前我们使用 student.dart 作为演练的时候，只是将该文件作为一个库。

在开发中，如果一个库文件太大，将所有内容保存到一个文件夹是不太合理的，我们有可能希望将这个库进行拆分，这个时候就可以使用 part 关键字了

不过官方已经不建议使用这种方式了：

  • https://dart.dev/guides/libra…

mathUtils.dart文件

part of "utils.dart";

int sum(int num1, int num2) {return num1 + num2;}

dateUtils.dart文件

part of "utils.dart";

String dateFormat(DateTime date) {return "2020-12-12";}

utils.dart文件

part "mathUtils.dart";
part "dateUtils.dart";

test_libary.dart文件

import "lib/utils.dart";

main(List<String> args) {print(sum(10, 20));
  print(dateFormat(DateTime.now()));
}

export 关键字

官方不推荐使用part 关键字，那如果库非常大，如何进行管理呢？

  • 将每一个 dart 文件作为库文件，使用 export 关键字在某个库文件中单独导入

mathUtils.dart文件

int sum(int num1, int num2) {return num1 + num2;}

dateUtils.dart文件

String dateFormat(DateTime date) {return "2020-12-12";}

utils.dart文件

library utils;

export "mathUtils.dart";
export "dateUtils.dart";

test_libary.dart文件

import "lib/utils.dart";

main(List<String> args) {print(sum(10, 20));
  print(dateFormat(DateTime.now()));
}

最后，也可以通过 Pub 管理自己的库自己的库，在项目开发中个人觉得不是非常有必要，所以暂时不讲解这种方式。

备注：所有内容首发于公众号，之后除了 Flutter 也会更新其他技术文章，TypeScript、React、Node、uniapp、mpvue、数据结构与算法等等，也会更新一些自己的学习心得等，欢迎大家关注

退出移动版