一、Dart基础目录:

1.1 思维导图

image.png

1.2 Dart基础将分五篇讲解:

主要讲解关键字、变量、内置类型、操作符、控制流程语句
主要讲解函数
主要讲解类
主要讲解泛型、库及可见性
主要讲解异步支持、异常

二、函数

Dart 是一门真正面向对象的语言, 甚至其中的函数也是对象,并且有它的类型 Function 这也意味着函数可以被赋值给变量或者作为参数传递给其他函数。 也可以把 Dart 类的实例当做方法来调用。 有关更多信息,参考 Callable classes.
已下是函数实现的示例:

  1. bool isNoble(int atomicNumber) {
  2. return _nobleGases[atomicNumber] != null;
  3. }

虽然在 Effective Dart 中推荐 公共API中声明类型, 但是省略了类型声明(不推荐),函数依旧是可以正常使用的:

  1. isNoble(atomicNumber) {
  2. return _nobleGases[atomicNumber] != null;
  3. }

如果函数中只有一句表达式,可以使用简写语法:

  1. bool isNoble(int atomicNumber) => _nobleGases[atomicNumber] != null;

=> _expr_ 语法是 { return _expr_; } 的简写。 => 符号 有时也被称为 箭头 语法。

提示: 在箭头 (=>) 和分号 (;) 之间只能使用一个 表达式 ,不能是 语句 。 例如:不能使用 if 语句 ,但是可以是用 条件表达式.表达式及语句区别请查看开篇的重要概念

在Dart 中方法可以有两种类型的参数:必需的( required)和可选的(optional), required 类型参数在参数最前面, 随后是 optional 类型参数。 命名的可选参数也可以标记为 “@ required” 。

2.1 函数是一等对象

函数也是对象,并且有它的类型 Function 这也意味着函数可以被赋值给变量或者作为参数传递给其他函数。
一个函数可以作为另一个函数的参数。 例如:

  1. void printElement(int element) {
  2. print(element);
  3. }
  4. var list = [1, 2, 3];
  5. // 将 printElement 函数作为参数传递。
  6. list.forEach(printElement);

在Java的回调函数中,如View的onClickListener需要定义一个接口,但在Dart中,我们可以直接指定一个回调方法给调用的方法,由调用的方法在合适的时机执行这个回调。

  1. // 第一种调用者根本不确定 回调函数的返回值、参数是些什么
  2. void setListener(Function listener){
  3. listener("Success");
  4. }
  5. // 第二种,返回值为void,参数为一个String的方法
  6. void setListener(void listener(String result)){
  7. listener("Success");
  8. }
  9. //第三种:类型定义 将返回值为void,参数为一个String的方法定义为一个类型。
  10. typedef void Listener(String result);
  11. void setListener(Listener listener){
  12. listener("Success");
  13. }

同样的我们可以将一个函数赋值给一个变量,例如:

  1. var loudify = (msg) => '!!! ${msg.toUpperCase()} !!!';
  2. assert(loudify('hello') == '!!! HELLO !!!');

示例中使用了匿名函数。 后续会继续介绍。


2.2 函数的可选参数

可选参数可以是命名参数或者位置参数,但一个参数只能选择其中一种方式修饰。

2.2.1 命名可选参数

调用函数时,可以使用指定命名参数 paramName: value。 例如:

  1. enableFlags(bold: true, hidden: false);

定义函数时使用 {param1, param2, …} 来指定命名参数:

  1. /// Sets the [bold] and [hidden] flags ...
  2. void enableFlags({bool bold, bool hidden}) {...}

Flutter 创建实例的表达式可能很复杂, 因此窗口小部件构造函数仅使用命名参数。 这样创建实例的表达式更易于阅读,使用 @required 注释表示参数是 required 性质的命名参数, 该方式可以在任何 Dart 代码中使用(不仅仅是Flutter)。

  1. const Scrollbar({Key key, @required Widget child})

此时 Scrollbar 是一个构造函数, 当 child 参数缺少时,分析器会提示错误。
Required 被定义在 meta package。 无论是直接引入(import) package:meta/meta.dart ,或者引入了其他 package,而这个 package 输出(export)了 meta,比如 Flutter 的 package:flutter/material.dart。

2.2.2 位置可选参数

将参数放到 [] 中来标记参数是可选的,参数需按顺序选择,并且[]需放到最后:

  1. String say(String from, String msg, [String device]) {
  2. var result = '$from says $msg';
  3. if (device != null) {
  4. result = '$result with a $device';
  5. }
  6. return result;
  7. }

下面是不使用可选参数调用上面方法 的示例:

  1. assert(say('Bob', 'Howdy') == 'Bob says Howdy');

下面是使用可选参数调用上面方法的示例:

  1. assert(say('Bob', 'Howdy', 'smoke signal') ==
  2. 'Bob says Howdy with a smoke signal');

在Dart中的类型实可选的,也就是在Dart中函数类型,参数类型,变量类型是可以直接省略的:

  1. sum(a, b, c, d) {//函数参数类型和返回值类型可以省略
  2. return a + b + c + d;
  3. }
  4. main() {
  5. print('${sum(10, 12, 14, 12)}');//正常运行
  6. }

上述的sum函数既没有返回值类型也没有参数类型,可能有的人会疑惑如果sum函数最后一个形参传入一个String类型会是怎么样。
答案是: 静态类型检查分析正常但是编译运行异常

  1. sum(a, b, c, d) {
  2. return a + b + c + d;
  3. }
  4. main() {
  5. print('${sum(10, 12, 14, "12312")}');//静态检查类型检查正常,运行异常
  6. }
  7. //运行结果
  8. Unhandled exception:
  9. type 'String' is not a subtype of type 'num' of 'other'
  10. // 请先记住这个子类型不匹配异常问题,因为在后面会详细分析子类型的含义,
  11. // 而且Dart、Flutter开发中会经常看到这个异常。
  12. Process finished with exit code 255

虽然,可选类型从一方面使得整个代码变得简洁以及具有动态性,但是从另一方面它会使得静态检查类型难以分析。但是这也使得dart中失去了基于类型函数重载特性。我们都知道函数重载是静态语言中比较常见的语法特性,可是在dart中是不支持的。比如在其他语言我们一般使用构造器重载解决多种方式构造对象的场景,但是dart不支持构造器重载,所以为了解决这个问题,Dart推出了命名构造器的概念。那可选类型语法特性为什么会和函数重载特性冲突呢?
我们可以使用反证法,假设dart支持函数重载,那么可能就会有以下这段代码:

  1. class IllegalCode {
  2. overloaded(num data) {
  3. }
  4. overloaded(List data){//假设支持函数重载,实际上这是非法的
  5. }
  6. }
  7. main() {
  8. var data1 = 100;
  9. var data2 = ["100"];
  10. //由于dart中的类型是可选的,以下函数调用,根本就无法分辨下面代码实际上调用哪个overloaded函数。
  11. overloaded(data1);
  12. overloaded(data2);
  13. }

个人一些想法,如果仅从可选类型角度去考虑的话,实际上dart现在是可以支持基于类型的函数重载的,因为Dart有类型推导功能。如果dart能够推导出上述data1和data2类型,那么就可以根据推导出的类型去匹配重载的函数。Kotlin就是这样做的,以Kotlin为例:

  1. fun overloaded(data: Int) {
  2. //....
  3. }
  4. fun overloaded(data: List<String>) {
  5. //....
  6. }
  7. fun main(args: Array<String>) {
  8. val data1 = 100 //这里Kotlin也是采用类型推导为Int
  9. val data2 = listOf("100")//这里Kotlin也是采用类型推导为List<String>
  10. //所以以下重载函数的调用在Kotlin中是合理的
  11. overloaded(data1)
  12. overloaded(data2)
  13. }

实际上,Dart官方在Github提到过Dart迁移到新的类型系统中,Dart是有能力支持函数重载的 。具体可以参考这个dartlang的issue: https://link.zhihu.com/?target=https%3A//github.com/dart-lang/sdk/issues/2648826488

Dart 基础二:函数 - 图2

但是,dart为什么不支持函数重载呢? 其实,不是没有能力支持,而是没有必要的。其实在很多的现代语言比如GO,Rust中的都是没有函数重载。然而在dart中函数也是支持默认值参数的,其实函数重载更容易让人困惑,就比如Java中的Thread类中7,8个构造函数重载放在一起,让人就感到困惑,详情请看:https://link.zhihu.com/?target=https%3A//groups.google.com/a/dartlang.org/forum/%23%21topic/misc/Ye9wlWih5PA

Dart 基础二:函数 - 图3

2.2.3 函数里的参数是值传递还是引用传递

上面提到了,当我们调用一个有参函数的时候,会把实际参数传递给形式参数。但是,在程序语言中,这个传递过程中传递的两种情况,即值传递和引用传递。我们来看下程序语言中是如何定义和区分值传递和引用传递的。

值传递(pass by value)是指在调用函数时将实际参数复制一份传递到函数中,这样在函数中如果对参数进行修改,将不会影响到实际参数。 引用传递(pass by reference)是指在调用函数时将实际参数的地址直接传递到函数中,那么在函数中对参数所进行的修改,将影响到实际参数。

关于这个问题,引发过很多广泛的讨论,看来很多程序员对于这个问题的理解都不尽相同,甚至很多人理解的是错误的。还有的人可能知道Java中的参数传递是值传递,但是说不出来为什么。

在开始深入讲解之前,有必要纠正一下大家以前的那些错误看法了。如果你有以下想法,那么你有必要好好阅读本文。

  1. 值传递和引用传递,区分的条件是传递的内容,如果是个值,就是值传递。如果是个引用,就是引用传递。
  2. Dart是引用传递。
  3. 传递的参数如果是普通类型,那就是值传递,如果是对象,那就是引用传递。

实参与形参
我们都知道,在Dart中定义方法的时候是可以定义参数的,如上的可选参数,参数在程序语言中分为形式参数和实际参数。

形式参数:是在定义函数名和函数体的时候使用的参数,目的是用来接收调用该函数时传入的参数。 实际参数:在调用有参函数时,主调函数和被调函数之间有数据传递关系。在主调函数中调用一个函数时,函数名后面括号中的参数称为“实际参数”。

简单举个例子:

  1. void main() {
  2. // 实际参数为 Hollis
  3. sout("Hollis");
  4. }
  5. void sout(String name) {
  6. // 形式参数为 name
  7. print(name);
  8. }

实际参数是调用有参方法的时候真正传递的内容,而形式参数是用于接收实参内容的参数。

上面提到了,当我们调用一个有参函数的时候,会把实际参数传递给形式参数。但是,在程序语言中,这个传递过程中传递的两种情况,即值传递和引用传递。我们来看下程序语言中是如何定义和区分值传递和引用传递的。

有了上面的概念,然后大家就可以写代码实践了,来看看 Dart 中到底是值传递还是引用传递 ,于是,最简单的一段代码出来了:

  1. void main() {
  2. int i = 10;
  3. pass(10);
  4. print("print in main , i is $i");
  5. }
  6. void pass(int j) {
  7. j = 20;
  8. print("print in pass , j is $j");
  9. }
  10. // 输出结果
  11. print in pass , j is 20
  12. print in main , i is 10

可见,pass方法内部对 j 的值的修改并没有改变实际参数 i 的值。那么,按照上面的定义,有人得到结论:Dart 的方法传递是值传递。

但是,很快就有人提出质疑了(哈哈,所以,不要轻易下结论咯。)。然后,他们会搬出以下代码:

  1. void main() {
  2. User user = User();
  3. user.setName("jame");
  4. pass(user);
  5. print("print in main , user name is ${user.name}");
  6. }
  7. class User {
  8. String name;
  9. void setName(String name) {
  10. this.name = name;
  11. }
  12. }
  13. void pass(User user) {
  14. user.setName("hollis");
  15. print("print in pass , user name is ${user.name}");
  16. }
  17. // 输出结果
  18. print in pass , user name is hollis
  19. print in main , user name is hollis

经过 pass 方法执行后,实参的值竟然被改变了,那按照上面的引用传递的定义,实际参数的值被改变了,这不就是引用传递了么。于是,根据上面的两段代码,有人得出一个新的结论:Java的方法中,在传递普通类型的时候是值传递,在传递对象类型的时候是引用传递。

但是,这种表述仍然是错误的。不信你看下面这个参数类型为对象的参数传递:

  1. void main() {
  2. String name = "jame";
  3. pass(name);
  4. print("print in main , name is $name");
  5. }
  6. void pass(String name) {
  7. name = "Hollis";
  8. print("print in pass , name is $name");
  9. }
  10. // 输出结果
  11. print in pass , name is Hollis
  12. print in main , name is jame

这又作何解释呢?同样传递了一个对象,但是原始参数的值并没有被修改,难道传递对象又变成值传递了?

上面,我们举了三个例子,表现的结果却不一样,这也是导致很多人对于Dart的传递类型有困惑的原因。
其实,我想告诉大家的是,上面的概念没有错,只是代码的例子有问题。来,我再来给大家画一下概念中的重点,然后再举几个真正恰当的例子。

值传递(pass by value)是指在调用函数时将实际参数复制一份传递到函数中,这样在函数中如果对参数进行修改,将不会影响到实际参数。

引用传递(pass by reference)是指在调用函数时将实际参数的地址直接传递到函数中,那么在函数中对参数所进行的修改,将影响到实际参数。

那么,我来给大家总结一下,值传递和引用传递之前的区别的重点是什么。
Dart 基础二:函数 - 图4

我们上面看过的几个pass的例子中,都只关注了实际参数内容是否有改变。如传递的是User对象,我们试着改变他的name属性的值,然后检查是否有改变。其实,在实验方法上就错了,当然得到的结论也就有问题了。

为什么说实验方法错了呢?这里我们来举一个形象的例子。再来深入理解一下值传递和引用传递,然后你就知道为啥错了。

你有一把钥匙,当你的朋友想要去你家的时候,如果你直接把你的钥匙给他了,这就是引用传递。这种情况下,如果他对这把钥匙做了什么事情,比如他在钥匙上刻下了自己名字,那么这把钥匙还给你的时候,你自己的钥匙上也会多出他刻的名字。

你有一把钥匙,当你的朋友想要去你家的时候,你复刻了一把新钥匙给他,自己的还在自己手里,这就是值传递。这种情况下,他对这把钥匙做什么都不会影响你手里的这把钥匙。

但是,不管上面那种情况,你的朋友拿着你给他的钥匙,进到你的家里,把你家的电视砸了。那你说你会不会受到影响?而我们在pass方法中,改变user对象的name属性的值的时候,不就是在“砸电视”么。

还拿上面的一个例子来举例,我们真正的改变参数,看看会发生什么?

  1. void main() {
  2. User user = User();
  3. user.setName("jame");
  4. pass(user);
  5. print("print in main , user name is ${user.name}");
  6. }
  7. class User {
  8. String name;
  9. void setName(String name) {
  10. this.name = name;
  11. }
  12. }
  13. void pass(User user) {
  14. user = User();
  15. user.setName("hollis");
  16. print("print in pass , user name is ${user.name}");
  17. }

当我们在main中创建一个User对象的时候,在堆中开辟一块内存,其中保存了name等数据。然后hollis持有该内存的地址0x123456。当尝试调用pass方法,并且user作为实际参数传递给形式参数user的时候,会把这个地址0x123456交给user,这时,形参user也指向了这个地址。然后在pass方法内对参数进行修改的时候,即user = new User();,会重新开辟一块0X456789的内存,赋值给user。后面对user的任何修改都不会改变内存0X123456的内容。

上面这种传递是什么传递?肯定不是引用传递,如果是引用传递的话,在user=new User()的时候,实际参数的引用也应该改为指向0X456789,但是实际上并没有。

通过概念我们也能知道,这里是把实际参数的引用的地址复制了一份,传递给了形式参数。所以,上面的参数其实是值传递,把实参对象引用的地址当做值传递给了形式参数

我们再来回顾下之前的那个“砸电视”的例子,看那个例子中的传递过程发生了什么。

同样的,在参数传递的过程中,实际参数的地址0X1213456被拷贝给了形参,只是,在这个方法中,并没有对形参本身进行修改,而是修改的形参持有的地址中存储的内容。

所以,值传递和引用传递的区别并不是传递的内容。而是实参到底有没有被复制一份给形参。在判断实参内容有没有受影响的时候,要看传的的是什么,如果你传递的是个地址,那么就看这个地址的变化会不会有影响,而不是看地址指向的对象的变化。就像钥匙和房子的关系。

那么,既然这样,为啥上面同样是传递对象,传递的String对象和User对象的表现结果不一样呢?我们在pass方法中使用name = “hollis”;试着去更改name的值,阴差阳错的直接改变了name的引用的地址。因为这段代码,会new一个String,在把引用交给name,即等价于name = new String(“hollischuang”);。而原来的那个”Hollis”字符串还是由实参持有着的,所以,并没有修改到实际参数的值。

所以说,Dart 中其实还是值传递的,只不过对于对象参数,值的内容是对象的引用, 简单点说,Dart 中的传递,是值传递,而这个值,实际上是对象的引用。

2.3 默认参数值

在定义方法的时候,可以使用 = 来定义可选参数的默认值。 默认值只能是编译时常量。 如果没有提供默认值,则默认值为 null。
下面是设置可选参数默认值示例:

  1. /// 设置 [bold] 和 [hidden] 标志 ...
  2. void enableFlags({bool bold = false, bool hidden = false}) {...}
  3. // bold 值为 true; hidden 值为 false.
  4. enableFlags(bold: true);

不推荐: 旧版本代码中可能使用的是冒号 (:) 而不是 = 来设置参数默认值。 原因是起初命名参数只支持 : 。 这种支持可能会被弃用。 建议 使用 = 指定默认值。

下面示例演示了如何为位置参数设置默认值:

  1. String say(String from, String msg,
  2. [String device = 'carrier pigeon', String mood]) {
  3. var result = '$from says $msg';
  4. if (device != null) {
  5. result = '$result with a $device';
  6. }
  7. if (mood != null) {
  8. result = '$result (in a $mood mood)';
  9. }
  10. return result;
  11. }
  12. assert(say('Bob', 'Howdy') ==
  13. 'Bob says Howdy with a carrier pigeon');

list 或 map 可以作为默认值传递。 下面的示例定义了一个方法 doStuff(), 并分别指定参数 listgifts 的默认值。

  1. void doStuff(
  2. {List<int> list = const [1, 2, 3],
  3. Map<String, String> gifts = const {
  4. 'first': 'paper',
  5. 'second': 'cotton',
  6. 'third': 'leather'
  7. }}) {
  8. print('list: $list');
  9. print('gifts: $gifts');
  10. }

2.4 匿名函数

首先什么叫匿名函数,简单来说:
大多数方法都是有名字的,比如 main() 或 printElement()。你可以创建一个没有名字的方法,称之为 匿名函数,或Lambda表达式 或Closure闭包。你可以将匿名方法赋值给一个变量然后使用它,比如将该变量添加到集合或从中删除。

  1. ([Type] param1, …) {
  2. codeBlock;
  3. };
  4. 复制代码

匿名方法看起来与命名方法类似,在括号之间可以定义参数,参数之间用逗号分割。 后面大括号中的内容则为函数体:下面代码定义了只有一个参数 item 且没有参数类型的匿名方法。List 中的每个元素都会调用这个函数,打印元素位置和值的字符串:

  1. import 'dart:core';
  2. void main() {
  3. var list = ['黄药师', '杨过', '老顽童'];
  4. list.forEach((item) {
  5. print('${list.indexOf(item)}: $item'); //输出:0: 黄药师 1: 杨过 2: 老顽童
  6. });
  7. // 如果函数体内只有一行语句,你可以使用箭头语法:
  8. list.forEach(
  9. (item) => print('${list.indexOf(item)}: $item')); //输出:0: 黄药师 1: 杨过 2: 老顽童
  10. }

2.5 main函数(顶级函数)

Dart 允许你定义顶级函数,这些函数不会封装在一个类或者对象当中,所有的应用程序都至少有一个顶级函数,即 main() 函数。 main() 函数返回值为空,参数为一个可选的 List<String>
下面是 web 应用的 main() 函数:

  1. void main() {
  2. querySelector('#sample_text_id')
  3. ..text = 'Click me!'
  4. ..onClick.listen(reverseText);
  5. }

提示:
以上代码中的 .. 语法为 级联调用 (cascade)。 使用级联调用, 可以简化在一个对象上执行的多个操作。
下面是一个命令行应用的 main() 方法,并且使用了输入参数:

  1. void main(List<String> arguments) {
  2. print(arguments);
  3. assert(arguments.length == 2);
  4. assert(int.parse(arguments[0]) == 1);
  5. assert(arguments[1] == 'test');
  6. }

使用 args library 可以定义和解析命令行参数。

2.6 词法作用域 Lexical scoping

Dart 是一门词法作用域的编程语言,就意味着变量的作用域是固定的, 简单说变量的作用域在编写代码的时候就已经确定了。 花括号内的是变量可见的作用域。
下面示例关于多个嵌套函数的变量作用域:

  1. bool topLevel = true;
  2. void main() {
  3. var insideMain = true;
  4. void myFunction() {
  5. var insideFunction = true;
  6. void nestedFunction() {
  7. var insideNestedFunction = true;
  8. assert(topLevel);
  9. assert(insideMain);
  10. assert(insideFunction);
  11. assert(insideNestedFunction);
  12. }
  13. }
  14. }

注意 nestedFunction() 可以访问所有的变量, 一直到顶级作用域变量。

这样看起来很难理解,詞法作用域 Lexical scoping 也许你对这个词很陌生,但是它却是最熟悉的陌生人,我们先来看下面一段代码。

  1. void main() {
  2. var a = 0;
  3. var a = 1; // Error:The name 'a' is already defined
  4. }

你肯定已经发现了,我们在该段代码中犯了一个明显的错误。那就是定义了两次变量 a,而编译器也会提示我们,a 这个变量名已经被定义了。
这是由于,我们的变量都有它的 词法作用域 ,在同一个词法作用域中仅允许存在一个名称为 a 的变量,且在编译期就能够提示语法错误。
这很好理解,如果一个 Lexical scoping 中存在两个同名变量 a,那么我们访问的时候从语法上就无法区分到底你是想要访问哪一个 a 了。

上述代码中,我们在 main 函数的词法作用域中定义了两次 a

仅需稍作修改

  1. void main() {
  2. var a = 1;
  3. print(a); // => 1
  4. }
  5. var a = 0;

我们就能够正常打印出 a 的值为 1。 简单的解释,var a = 0; 是该 dart 文件Lexical scoping 中定义的变量,而 var a = 1; 是在 main 函数的 Lexical scoping 中定义的变量,二者不是一个空间,所以不会产生冲突

Function is Object**
首先,要证明方法(函数)是一个对象这很简单。

  1. print( (){} is Object ); // true

(){} 为一个匿名函数,我们可以看到输出为 true
知道了 Function is Object 还不够,我们应该如何看待它呢。

  1. void main() {
  2. var name = 'Vadaski';
  3. var printName = (){
  4. print(name);
  5. };
  6. }

可以很清楚的看到,我们可以在 main 函数内定义了一个新的方法,而且还能够将这个方法赋值给一个变量 printName
但是如果你运行这段代码,你将看不到任何输出,这是为什么呢。
实际上我们在这里定义了 printName 之后,并没有真正的去执行它。我们知道,要执行一个方法,需要使用 XXX() 才能真正执行。

  1. void main() {
  2. var name = 'Vadaski';
  3. var printName = (){
  4. print(name);
  5. };
  6. printName(); // Vadaski
  7. }

上面这个例子非常常见,在 printName 内部访问到了外部定义的变量 name。也就是说,一个 Lexical scoping 内部 是能够访问到 外部 Lexical scoping 中定义的变量的。

Function + Lexical scoping
内部访问外部**定义的变量是 ok 的,很容易就能够想到,外部是否可以访问内部定义的变量呢。
如果是正常访问的话,就像下面这样。

  1. void main() {
  2. var printName = (){
  3. var name = 'Vadaski';
  4. };
  5. printName();
  6. print(name); // Error:Undefined name 'name'
  7. }

这里出现了未定义该变量的错误警告,可以看出 printName 中定义的变量,对于 main 函数中的变量是不可见的。Dart 和 JavaScript 一样具有链式作用域,也就是说,子作用域可以访问父(甚至是祖先)作用域中的变量,而反过来不行。

访问规则
从上面的例子我们可以看出,
Lexical scoping** 实际上是以链式存在的。一个 scope 中可以开一个新的 scope,而不同 scope 中是可以允许重名变量的。那么我们在某个 scope 中访问一个变量,究竟是基于什么规则来访问变量的呢。

  1. void main() {
  2. var a = 1;
  3. firstScope(){
  4. var a = 2;
  5. print('$a in firstScope'); //2 in firstScope
  6. }
  7. print('$a in mainScope'); //1 in mainScope
  8. firstScope();
  9. }

在上面这个例子中我们可以看到,在 main 和 firstScope 中都定义了变量 a。我们在 firstScope 中 print,输出了 2 in firstScope 而在 main 中 print 则会输出 1 in mainScope
我们已经可以总结出规律了:近者优先
如果你在某个 scope 中访问一个变量,它首先会看当前 scope 中是否已经定义该变量,如果已经定义,那么就使用该变量。如果当前 scope 没找到该变量,那么它就会在它的上一层 scope 中寻找,以此类推,直到最初的 scope。如果所有 scope 链上都不存在该变量,则会提示 Error:Undefined name 'name'

Tip: Dart scope 中的变量是静态确定的,如何理解呢?

  1. void main() {
  2. print(a); // Local variable 'a' can't be referenced before it is declared
  3. var a;
  4. }
  5. var a = 0;

我们可以看到,虽然在 main 的父 scope 中存在变量 a,且已经赋值,但是我们在 main 的 scope 中也定义了变量 a。因为是静态确定的,所以在 print 的时候会优先使用当前 scope 中定义的 a,而这时候 a 的定义在 print 之后,同样也会导致编译器错误:Local variable ‘a’ can’t be referenced before it is declared。
**

2.7 词法闭包 Closure

有了上面这些知识,我们现在可以来看看 Closure 的定义了。

A closure is a function object that has access to variables in its lexical scope, even when the function is used outside of its original scope. 闭包 即一个函数对象,即使函数对象的调用在它原始作用域之外,依然能够访问在它词法作用域内的变量。

简要概括 Closure 的话,它就是有状态的函数.

2.7.1 无状态函数
通常我们执行一个函数,它都是
无状态**的。你可能会产生疑问,函数还有状态吗?我们还是看一个例子。

  1. void main() {
  2. printNumber(); // 10
  3. printNumber(); // 10
  4. }
  5. void printNumber(){
  6. int num = 0;
  7. for(int i = 0; i < 10; i++){
  8. num++;
  9. }
  10. print(num);
  11. }

上面的代码很好预测,它将会输出两次 10,我们多次调用一个函数的时候,它还是会得到一样的输出。
但是,当我们理解 Function is Object 之后,我们应该如何从 Object 的角度来看待函数的执行呢。
显然 printNumber(); 创建了一个 Function 对象,但是我们没有将它赋值给任何变量,下次一个 printNumber(); 实际上创建了一个新的 Function,两个对象都执行了一遍方法体,所以得到了相同的输出。

2.7.2 有状态函数**
无状态函数很好理解,我们现在可以来看看有状态的函数了。

  1. void main() {
  2. var numberPrinter = (){
  3. int num = 0;
  4. return (){
  5. for(int i = 0; i < 10; i++){
  6. num++;
  7. }
  8. print(num);
  9. };
  10. };
  11. var printNumber = numberPrinter();
  12. printNumber(); // 10
  13. printNumber(); // 20
  14. }

上面这段代码同样执行了两次 printNumber();,然而我们却得到了不同的输出 10,20。好像有点 状态 的味道了呢。
但看上去似乎还是有些难以理解,让我们一层一层来看。

  1. var numberPrinter = (){
  2. int num = 0;
  3. /// execute function
  4. };

首先我们定义了一个 Function 对象,然后把交给 numberPrinter 管理。在创建出来的这个 Function 的 Lexical scoping中定义了一个 num 变量,并赋值为 0。

注意:这时候该方法并不会立刻执行,而是等调用了 numberPrinter() 的时候才执行。所以这时候 num 是不存在的。

  1. return (){
  2. for(int i = 0; i < 10; i++){
  3. num++;
  4. }
  5. print(num);
  6. };

然后返回了一个 Function。这个 Function 能够拿到其父级 scope 中的 num ,并让其增加 10,然后打印 num 的值。

  1. var printNumber = numberPrinter();

然后我们通过调用 numberPrinter(),创建了该 Function 对象,这就是一个 Closure! 这个对象真正执行我们刚才定义的 numberPrinter,并且在它的内部的 scope 中就定义了一个 int 类型的 num。然后返回了一个方法给 printNumber

实际上返回的 匿名 Function 又是另一个闭包了。

然后我们执行第一次 printNumber(),这时候将会获得闭包储存的 num 变量,执行下面的内容。

  1. // num: 0
  2. for(int i = 0; i < 10; i++){
  3. num++;
  4. }
  5. print(num);

最开始 printNumber 的 scope 中储存的 num 为 0,所以经过 10 次自增,num 的值为 10,最后 print 打印了 10。
而第二次执行 printNumber() 我们使用的还是同一个 numberPrinter 对象,这个对象在第一次执行完毕后,其 num 已经为 10,所以第二次执行后,是从 10 开始自增,那么最后 print 的结果自然就是 20 了。
在整个调用过程中,printNumber 作为一个 closure,它保存了内部 num 的状态,只要 printNumber 不被回收,那么其内部的所有对象都不会被 GC 掉。

所以我们也需要注意到闭包可能会造成内存泄漏,或带来内存压力问题。

2.7.3 到底啥是闭包

再回过头来理解一下,我们对于闭包的定义就应该好理解了。

闭包 即一个函数对象,即使函数对象的调用在它原始作用域之外,依然能够访问在它词法作用域内的变量。

在刚才的例子中,我们的 num 是在 numberPrinter (函数对象)内部定义的,可是我们可以通过返回的 Function 在外部访问到了这个变量。而我们的 printNumber 则一直保存了 num

在我们使用闭包的时候,我们可以简单将它看为三个阶段。
定义阶段**
这个阶段,我们定义了 Function 作为闭包,但是却没有真正执行它。

  1. void main() {
  2. var numberPrinter = (){
  3. int num = 0;
  4. return (){
  5. print(num);
  6. };
  7. };

这时候,由于我们只是定义了闭包,而没有执行,所以 num 对象是不存在的。
创建阶段**

  1. var printNumber = numberPrinter();

这时候,我们真正执行了 numberPrinter 闭包的内容,并返回执行结果,num 被创建出来。这时候,只要 printNumber 不被 GC,那么 num 也会一直存在。

访问阶段

  1. printNumber();
  2. printNumber();

然后我们可以通过某种方式访问 numberPrinter 闭包中的内容。(本例中间接访问了 num)
以上三个阶段仅方便理解,不是严谨描述。

2.7.4 closure 的应用

如果仅是理解概念,那么我们看了可能也就忘了。来点实在的,到底 Closure 可以怎么用?
在传递对象的位置执行方法
比如说我们有一个 Text Widget 的内容有些问题,直接给我们 show 了一个 Error Widget。这时候,我想打印一下这个内容看看到底发生了啥,你可以这样做。

  1. Text((){
  2. print(data);
  3. return data;
  4. }())

是不是很神奇,竟然还有这种操作。

Tip 立即执行闭包内容:我们这里通过闭包的语法 (){}() 立刻执行闭包的内容,并把我们的 data 返回。

虽然 Text 这里仅允许我们传一个 String,但是我依然可以执行 print 方法。
另一个 case 是,如果我们想要仅在 debug 模式下执行某些语句,也可以通过 closure 配合断言来实现。

  1. assert(() {
  2. child.owner._debugElementWasRebuilt(child);// execute some code
  3. return true;
  4. }());

解释一下,首先 assert 断言仅在 debug 模式下才会开启,所以断言内的内容可以仅在 debug 模式才得以执行。
然后我们知道,Function( ) 调用就会执行,所以这里我们通过匿名闭包 (){}() 立刻执行了闭包中的内容,并返回 true 给断言,让它不会挂掉。从而达到了仅在 debug 模式下执行该闭包内的语句。

实现策略模式**
通过 closure 我们可以很方便实现策略模式。

  1. void main(){
  2. var res = exec(select('sum'),1 ,2);
  3. print(res);
  4. }
  5. Function select(String opType){
  6. if(opType == 'sum') return sum;
  7. if(opType == 'sub') return sub;
  8. return (a, b) => 0;
  9. }
  10. int exec(NumberOp op, int a, int b){
  11. return op(a,b);
  12. }
  13. int sum(int a, int b) => a + b;
  14. int sub(int a, int b) => a - b;
  15. typedef NumberOp = Function (int a, int b);

通过 select 方法,可以动态选择我们要执行的具体方法。你可以在 https://dartpad.cn/143c33897a0eac7e2d627b01983b7307 运行这段代码。

实现 Builder 模式 / 懒加载
如果你有 Flutter 经验,那么你应该使用过 ListView.builder,它很好用对不对。我们只向 builder 属性传一个方法,ListView 就可以根据这个 builder 来构建它的每一个 item。实际上,这也是 closure 的一种体现。

  1. ListView.builder({
  2. //...
  3. @required IndexedWidgetBuilder itemBuilder,
  4. //...
  5. })
  6. typedef IndexedWidgetBuilder = Widget Function(BuildContext context, int index);

Flutter 通过 typedef 定义了一种 Function,它接收 BuildContextint 作为参数,然后会返回一个 Widget。对这样的 Function 我们将它定义为 IndexedWidgetBuilder 然后将它内部的 Widget 返回出来。这样外部的 scope 也能够访问 IndexedWidgetBuilder 的 scope 内部定义的 Widget,从而实现了 builder 模式。

同样,ListView 的懒加载(延迟执行)也是闭包很重要的一个特性哦~

**

2.8 返回值

2.8.1.所有函数都会返回一个值。 如果没有明确指定返回值, 函数体会被隐式的添加 return null; 语句。
  1. foo() {}
  2. assert(foo() == null);

2.8.2 返回值为void时,可以省略void关键字(开发中不建议这么做)。

函数的返回值可以是void,也可以是null,也可以是具体对象,如果没有指定返回值,则该函数返回的是null。例如flutter新建工程里面的main.dart_incrementCounter()函数,可以省略关键字void,如下所示:
操作前:

  1. void _incrementCounter(){
  2. //...
  3. }

操作后:

  1. _incrementCounter(){
  2. //...
  3. }

我们使用assert(_incrementCounter()==null);测试一下,发现程序运行正常,可以看出该函数返回值为null

【注意】函数属于Function类型,可以通过断言assert(XXX is Funtion);判断出结果,返回值必须是具体类型或者省略,如果返回值写为void,编译器有错误提示。

举例如下:

  1. void testMethod (){
  2. //...
  3. }

例如我们:assert(testMethod () is Function);//这时候编译器会报错。

2.9 测试函数是否相等

下面是顶级函数,静态方法和示例方法相等性的测试示例:

  1. void foo() {} // 顶级函数
  2. class A {
  3. static void bar() {} // 静态方法
  4. void baz() {} // 示例方法
  5. }
  6. void main() {
  7. var x;
  8. // 比较顶级函数。
  9. x = foo;
  10. assert(foo == x);
  11. // 比较静态方法。
  12. x = A.bar;
  13. assert(A.bar == x);
  14. // 比较实例方法。
  15. var v = A(); // A的1号实例
  16. var w = A(); // A的2号实例
  17. var y = w;
  18. x = w.baz;
  19. // 两个闭包引用的同一实例(2号),
  20. // 所以它们相等。
  21. assert(y.baz == x);
  22. // 两个闭包引用的非同一个实例,
  23. // 所以它们不相等。
  24. assert(v.baz != w.baz);
  25. }

参考资料:

  1. Dart 中文官网)
  2. 40分钟快速入门Dart基础(中)
  3. 深入理解 Dart Function & Closure
  4. Dart语法篇之类型系统与泛型(七))
  5. Java 到底是值传递还是引用传递?