Flutter(四)之搞定Dart（二）

时间 2020-02-25

标签 flutter 搞定 dart 繁體版

原文原文链接

前言一：接下来一段时间我会陆续更新一些列Flutter文字教程
更新进度： 每周至少两篇；html

更新地点： 首发于公众号，次日更新于掘金、思否等地方；vue

更多交流： 能够添加个人微信 372623326，关注个人微博：coderwhy算法

但愿你们能够 帮忙转发，点击在看，给我更多的创做动力。微信

一. 运算符

这里，我只列出来相对其余语言比较特殊的运算符，由于某些运算符太简单了，不浪费时间，好比+、-、+=、==。
你可能会疑惑，Dart为何要搞出这么多特殊的运算符呢？数据结构

你要坚信一点：全部这些特殊的运算符都是为了让咱们在开发中能够更加方便的操做，而不是让咱们的编码变得更加复杂。app

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

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

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、数据结构与算法等等，也会更新一些本身的学习心得等，欢迎你们关注