• Dart 语言核心库一览
    • dart:core - 数字,集合,字符串等
      • 控制台打印
      • 数字
      • 字符和正则表达式
        • 在字符串中搜索
        • 从字符串中提取数据
        • 首字母大小写转换
        • Trimming 和空字符串
        • 替换部分字符串
        • 构建一个字符串
        • 正则表达式
        • 更多信息
      • 集合
        • Lists
        • Sets
        • Maps
        • 公共集合方法
      • URIs
        • 编码和解码完整合法的URI
        • 编码和解码 URI 组件
        • 解析 URI
        • 构建 URI
      • 日期和时间
      • 工具类
        • 比较对象
        • Implementing map keys
        • 迭代
      • 异常
    • dart:async - 异步编程
      • Future
        • 使用 await
        • 基本用法
        • 链式异步编程
        • 等待多个 Future
      • Stream
        • 异步循环
        • 监听流数据(stream data)
        • 传递流数据(stream data)
        • 处理错误和完成
      • 更多内容
    • dart:math - 数学和随机数
      • 三角函数
      • 最大值和最小值
      • 数学常数
      • 随机数
      • 更多内容
    • dart:convert - 编解码JSON,UTF-8等
      • 编解码JSON
      • 编解码 UTF-8 字符
      • 其他功能
    • dart:html - 基于浏览器应用
      • Manipulating the DOM
        • Finding elements
        • Manipulating elements
        • Creating elements
        • Adding, replacing, and removing nodes
        • Manipulating CSS styles
        • Handling events
      • Using HTTP resources with HttpRequest
        • Getting data from the server
        • Sending data to the server
      • Sending and receiving real-time data with WebSockets
        • Sending data
        • Receiving data
        • Handling WebSocket events
      • More information
    • dart:io - 服务器和命令行应用程序的 I/O 。
      • Files and directories
        • Reading a file as text
        • Reading a file as binary
        • Handling errors
        • Streaming file contents
        • Writing file contents
        • Listing files in a directory
        • Other common functionality
      • HTTP clients and servers
        • HTTP server
        • HTTP client
      • More information
    • 总结

    Dart 语言核心库一览

    本页介绍如何使用 Dart 核心库中的主要功能。这只是一个概览,并不全面。当你需要有关类的更多详细信息时,请参阅Dart API 参考。

    • dart:core
    • Built-in types, collections, and other core functionality.This library is automatically imported into every Dart program.内置类型,集合和其他核心功能。该库会被自动导入到所有的 Dart 程序。

    • dart:async

    • Support for asynchronous programming, with classes such as Future and Stream.支持异步编程,包括Future和Stream等类。

    • dart:math

    • Mathematical constants and functions, plus a random number generator.数学常数和函数,以及随机数生成器。

    • dart:convert

    • Encoders and decoders for converting between different data representations, including JSON and UTF-8.用于在不同数据表示之间进行转换的编码器和解码器,包括 JSON 和 UTF-8。

    • dart:html

    • DOM and other APIs for browser-based apps.用于基于浏览器应用的 DOM 和其他 API。

    • dart:io

    • I/O for programs that can use the Dart VM,including Flutter apps, servers, and command-line scripts.服务器和命令行应用程序的 I/O 操作,包括 Flutter 应用,服务端应用,以及命令行脚本。

    本章只是一个概述;只涵盖了几个 dart:* 库,不包括第三方库。

    更多库信息可以在[Pub site][pub.dartlang] 和Dart web developer library guide. 查找。所有 dart:* 库的 API 文档可以在Dart API reference 查找,如果使用的是 Flutter可以在 Flutter API reference. 查找。

    DartPad tip: 可以通过将该页中的代码拷贝到 DartPad 中进行演示。

    dart:core - 数字,集合,字符串等

    dart:core 库 (API reference)提供了一个少量但是重要的内置功能集合。该库会被自动导入每个 Dart 程序。

    控制台打印

    顶级 print() 方法接受一个参数任意对象)并输出显示这个对象的字符串值(由 toString() 返回) 到控制台。

    1. print(anObject);
    2. print('I drink $tea.');

    有关基本字符串和 toString() 的更多信息,参考Strings in the language tour.

    数字

    dart:core 库定义了 num ,int 以及 double 类,这些类拥有一定的工具方法来处理数字。

    使用 int 和 double 的 parse() 方法将字符串转换为整型或双浮点型对象:

    1. assert(int.parse('42') == 42);
    2. assert(int.parse('0x42') == 66);
    3. assert(double.parse('0.50') == 0.5);

    或者使用 num 的 parse() 方法,该方法可能会创建一个整型,否则为浮点型对象:

    1. assert(num.parse('42') is int);
    2. assert(num.parse('0x42') is int);
    3. assert(num.parse('0.50') is double);

    通过添加 radix 参数,指定整数的进制基数:

    1. assert(int.parse('42', radix: 16) == 66);

    使用 toString() 方法将整型或双精度浮点类型转换为字符串类型。使用 toStringAsFixed(). 指定小数点右边的位数,使用 toStringAsPrecision(): 指定字符串中的有效数字的位数。

    1. // Convert an int to a string.
    2. assert(42.toString() == '42');
    3. // Convert a double to a string.
    4. assert(123.456.toString() == '123.456');
    5. // Specify the number of digits after the decimal.
    6. assert(123.456.toStringAsFixed(2) == '123.46');
    7. // Specify the number of significant figures.
    8. assert(123.456.toStringAsPrecision(2) == '1.2e+2');
    9. assert(double.parse('1.2e+2') == 120.0);

    For more information, see the API documentation forint,double, and num. Also seethe dart:math section.

    字符和正则表达式

    在 Dart 中一个字符串是一个固定不变的 UTF-16 编码单元序列。语言概览中有更多关于 strings 的内容。使用正则表达式 (RegExp 对象) 可以在字符串内搜索和替换部分字符串。

    String 定义了例如 split()contains()startsWith()endsWith() 等方法。

    在字符串中搜索

    可以在字符串内查找特定字符串的位置,以及检查字符串是否以特定字符串作为开头或结尾。例如:

    1. // Check whether a string contains another string.
    2. assert('Never odd or even'.contains('odd'));
    3. // Does a string start with another string?
    4. assert('Never odd or even'.startsWith('Never'));
    5. // Does a string end with another string?
    6. assert('Never odd or even'.endsWith('even'));
    7. // Find the location of a string inside a string.
    8. assert('Never odd or even'.indexOf('odd') == 6);

    从字符串中提取数据

    可以获取字符串中的单个字符,将其作为字符串或者整数。确切地说,实际上获取的是单独的UTF-16编码单元;诸如高音谱号符号 (‘\u{1D11E}’) 之类的高编号字符分别为两个编码单元。

    你也可以获取字符串中的子字符串或者将一个字符串分割为子字符串列表:

    1. // Grab a substring.
    2. assert('Never odd or even'.substring(6, 9) == 'odd');
    3. // Split a string using a string pattern.
    4. var parts = 'structured web apps'.split(' ');
    5. assert(parts.length == 3);
    6. assert(parts[0] == 'structured');
    7. // Get a UTF-16 code unit (as a string) by index.
    8. assert('Never odd or even'[0] == 'N');
    9. // Use split() with an empty string parameter to get
    10. // a list of all characters (as Strings); good for
    11. // iterating.
    12. for (var char in 'hello'.split('')) {
    13. print(char);
    14. }
    15. // Get all the UTF-16 code units in the string.
    16. var codeUnitList =
    17. 'Never odd or even'.codeUnits.toList();
    18. assert(codeUnitList[0] == 78);

    首字母大小写转换

    可以轻松的对字符串的首字母大小写进行转换:

    1. // Convert to uppercase.
    2. assert('structured web apps'.toUpperCase() ==
    3. 'STRUCTURED WEB APPS');
    4. // Convert to lowercase.
    5. assert('STRUCTURED WEB APPS'.toLowerCase() ==
    6. 'structured web apps');

    备忘:

    这些方法不是在所有语言上都有效的。例如,土耳其字母表的无点 I 转换是不正确的。

    Trimming 和空字符串

    使用 trim() 移除首尾空格。使用 isEmpty 检查一个字符串是否为空(长度为0)。

    1. // Trim a string.
    2. assert(' hello '.trim() == 'hello');
    3. // Check whether a string is empty.
    4. assert(''.isEmpty);
    5. // Strings with only white space are not empty.
    6. assert(' '.isNotEmpty);

    替换部分字符串

    字符串是不可变的对象,也就是说字符串可以创建但是不能被修改。如果仔细阅读了 String API docs,你会注意到,没有一个方法实际的改变了字符串的状态。例如,方法 replaceAll() 返回一个新字符串,并没有改变原始字符串:

    1. var greetingTemplate = 'Hello, NAME!';
    2. var greeting =
    3. greetingTemplate.replaceAll(RegExp('NAME'), 'Bob');
    4. // greetingTemplate didn't change.
    5. assert(greeting != greetingTemplate);

    构建一个字符串

    要以代码方式生成字符串,可以使用 StringBuffer 。在调用 toString() 之前, StringBuffer 不会生成新字符串对象。writeAll() 的第二个参数为可选参数,用来指定分隔符,本例中使用空格作为分隔符。

    1. var sb = StringBuffer();
    2. sb
    3. ..write('Use a StringBuffer for ')
    4. ..writeAll(['efficient', 'string', 'creation'], ' ')
    5. ..write('.');
    6. var fullString = sb.toString();
    7. assert(fullString ==
    8. 'Use a StringBuffer for efficient string creation.');

    正则表达式

    RegExp类提供与JavaScript正则表达式相同的功能。使用正则表达式可以对字符串进行高效搜索和模式匹配。

    1. // Here's a regular expression for one or more digits.
    2. var numbers = RegExp(r'\d+');
    3. var allCharacters = 'llamas live fifteen to twenty years';
    4. var someDigits = 'llamas live 15 to 20 years';
    5. // contains() can use a regular expression.
    6. assert(!allCharacters.contains(numbers));
    7. assert(someDigits.contains(numbers));
    8. // Replace every match with another string.
    9. var exedOut = someDigits.replaceAll(numbers, 'XX');
    10. assert(exedOut == 'llamas live XX to XX years');

    You can work directly with the RegExp class, too. The Match classprovides access to a regular expression match.

    1. var numbers = RegExp(r'\d+');
    2. var someDigits = 'llamas live 15 to 20 years';
    3. // Check whether the reg exp has a match in a string.
    4. assert(numbers.hasMatch(someDigits));
    5. // Loop through all matches.
    6. for (var match in numbers.allMatches(someDigits)) {
    7. print(match.group(0)); // 15, then 20
    8. }

    更多信息

    有关完整的方法列表,请参考 String API docs。另请参考 StringBuffer,Pattern,RegExp, 和 Match的 API 文档。

    集合

    Dart 附带了核心集合 API ,其中包括 list ,set 和 map 类。

    Lists

    如语言概览中介绍,lists 可以通过字面量来创建和初始化。另外,也可以使用 List 的构造函数。List 类还定义了若干方法,用于向列表添加或删除项目。

    1. // Use a List constructor.
    2. var vegetables = List();
    3. // Or simply use a list literal.
    4. var fruits = ['apples', 'oranges'];
    5. // Add to a list.
    6. fruits.add('kiwis');
    7. // Add multiple items to a list.
    8. fruits.addAll(['grapes', 'bananas']);
    9. // Get the list length.
    10. assert(fruits.length == 5);
    11. // Remove a single item.
    12. var appleIndex = fruits.indexOf('apples');
    13. fruits.removeAt(appleIndex);
    14. assert(fruits.length == 4);
    15. // Remove all elements from a list.
    16. fruits.clear();
    17. assert(fruits.isEmpty);

    使用 indexOf() 方法查找一个对象在 list 中的下标值。

    1. var fruits = ['apples', 'oranges'];
    2. // Access a list item by index.
    3. assert(fruits[0] == 'apples');
    4. // Find an item in a list.
    5. assert(fruits.indexOf('apples') == 0);

    使用 sort() 方法排序一个 list 。你可以提供一个排序函数用于比较两个对象。比较函数在 小于 时返回 \ <0,相等 时返回 0,bigger 时返回 > 0 。下面示例中使用 compareTo() 函数,该函数在 Comparable 中定义,并被 String 类实现。

    1. var fruits = ['bananas', 'apples', 'oranges'];
    2. // Sort a list.
    3. fruits.sort((a, b) => a.compareTo(b));
    4. assert(fruits[0] == 'apples');

    list 是参数化类型,因此可以指定 list 应该包含的元素类型:

    1. // This list should contain only strings.
    2. var fruits = List<String>();
    3. fruits.add('apples');
    4. var fruit = fruits[0];
    5. assert(fruit is String);
    1. fruits.add(5); // Error: 'int' can't be assigned to 'String'

    全部的方法介绍,请参考 List API docs。

    Sets

    在 Dart 中,set 是一个无序的,元素唯一的集合。因为一个 set 是无序的,所以无法通过下标(位置)获取 set 中的元素。

    1. var ingredients = Set();
    2. ingredients.addAll(['gold', 'titanium', 'xenon']);
    3. assert(ingredients.length == 3);
    4. // Adding a duplicate item has no effect.
    5. ingredients.add('gold');
    6. assert(ingredients.length == 3);
    7. // Remove an item from a set.
    8. ingredients.remove('gold');
    9. assert(ingredients.length == 2);

    使用 contains()containsAll() 来检查一个或多个元素是否在 set 中:

    1. var ingredients = Set();
    2. ingredients.addAll(['gold', 'titanium', 'xenon']);
    3. // Check whether an item is in the set.
    4. assert(ingredients.contains('titanium'));
    5. // Check whether all the items are in the set.
    6. assert(ingredients.containsAll(['titanium', 'xenon']));

    交集是另外两个 set 中的公共元素组成的 set。

    1. var ingredients = Set();
    2. ingredients.addAll(['gold', 'titanium', 'xenon']);
    3. // Create the intersection of two sets.
    4. var nobleGases = Set.from(['xenon', 'argon']);
    5. var intersection = ingredients.intersection(nobleGases);
    6. assert(intersection.length == 1);
    7. assert(intersection.contains('xenon'));

    全部的方法介绍,请参考 Set API docs。

    Maps

    map 是一个无序的 key-value (键值对)集合,就是大家熟知的 dictionary 或者 hash。map 将 kay 与 value 关联,以便于检索。和 JavaScript 不同,Dart 对象不是 map。

    声明 map 可以使用简洁的字面量语法,也可以使用传统构造函数:

    1. // Maps often use strings as keys.
    2. var hawaiianBeaches = {
    3. 'Oahu': ['Waikiki', 'Kailua', 'Waimanalo'],
    4. 'Big Island': ['Wailea Bay', 'Pololu Beach'],
    5. 'Kauai': ['Hanalei', 'Poipu']
    6. };
    7. // Maps can be built from a constructor.
    8. var searchTerms = Map();
    9. // Maps are parameterized types; you can specify what
    10. // types the key and value should be.
    11. var nobleGases = Map<int, String>();

    通过大括号语法可以为 map 添加,获取,设置元素。使用 remove() 方法从 map 中移除键值对。

    1. var nobleGases = {54: 'xenon'};
    2. // Retrieve a value with a key.
    3. assert(nobleGases[54] == 'xenon');
    4. // Check whether a map contains a key.
    5. assert(nobleGases.containsKey(54));
    6. // Remove a key and its value.
    7. nobleGases.remove(54);
    8. assert(!nobleGases.containsKey(54));

    可以从一个 map 中检索出所有的 key 或所有的 value:

    1. var hawaiianBeaches = {
    2. 'Oahu': ['Waikiki', 'Kailua', 'Waimanalo'],
    3. 'Big Island': ['Wailea Bay', 'Pololu Beach'],
    4. 'Kauai': ['Hanalei', 'Poipu']
    5. };
    6. // Get all the keys as an unordered collection
    7. // (an Iterable).
    8. var keys = hawaiianBeaches.keys;
    9. assert(keys.length == 3);
    10. assert(Set.from(keys).contains('Oahu'));
    11. // Get all the values as an unordered collection
    12. // (an Iterable of Lists).
    13. var values = hawaiianBeaches.values;
    14. assert(values.length == 3);
    15. assert(values.any((v) => v.contains('Waikiki')));

    使用 containsKey() 方法检查一个 map 中是否包含某个key 。因为 map 中的 value 可能会是 null ,所有通过 key 获取 value,并通过判断 value 是否为 null 来判断 key 是否存在是不可靠的。

    1. var hawaiianBeaches = {
    2. 'Oahu': ['Waikiki', 'Kailua', 'Waimanalo'],
    3. 'Big Island': ['Wailea Bay', 'Pololu Beach'],
    4. 'Kauai': ['Hanalei', 'Poipu']
    5. };
    6. assert(hawaiianBeaches.containsKey('Oahu'));
    7. assert(!hawaiianBeaches.containsKey('Florida'));

    如果当且仅当该 key 不存在于 map 中,且要为这个 key 赋值,可使用putIfAbsent()方法。该方法需要一个方法返回这个 value。

    1. var teamAssignments = {};
    2. teamAssignments.putIfAbsent(
    3. 'Catcher', () => pickToughestKid());
    4. assert(teamAssignments['Catcher'] != null);

    全部的方法介绍,请参考 Map API docs。

    公共集合方法

    List, Set, 和 Map 共享许多集合中的常用功能。其中一些常见功能由 Iterable 类定义,这些函数由 List 和 Set 实现。

    备忘:

    虽然Map没有实现 Iterable,但可以使用 Map keysvalues 属性从中获取 Iterable 对象。

    使用 isEmptyisNotEmpty 方法可以检查 list, set 或 map 对象中是否包含元素:

    1. var coffees = [];
    2. var teas = ['green', 'black', 'chamomile', 'earl grey'];
    3. assert(coffees.isEmpty);
    4. assert(teas.isNotEmpty);

    使用 forEach() 可以让 list, set 或 map 对象中的每个元素都使用一个方法。

    1. var teas = ['green', 'black', 'chamomile', 'earl grey'];
    2. teas.forEach((tea) => print('I drink $tea'));

    当在 map 对象上调用 `forEach() 方法时,函数必须带两个参数(key 和 value):

    1. hawaiianBeaches.forEach((k, v) {
    2. print('I want to visit $k and swim at $v');
    3. // I want to visit Oahu and swim at
    4. // [Waikiki, Kailua, Waimanalo], etc.
    5. });

    Iterable 提供 map() 方法,这个方法将所有结果返回到一个对象中。

    1. var teas = ['green', 'black', 'chamomile', 'earl grey'];
    2. var loudTeas = teas.map((tea) => tea.toUpperCase());
    3. loudTeas.forEach(print);

    备忘:

    map() 方法返回的对象是一个 懒求值(lazily evaluated)对象:只有当访问对象里面的元素时,函数才会被调用。

    使用 map().toList()map().toSet() ,可以强制在每个项目上立即调用函数。

    1. var loudTeas =
    2. teas.map((tea) => tea.toUpperCase()).toList();

    使用 Iterable 的 where() 方法可以获取所有匹配条件的元素。使用 Iterable 的 any()every() 方法可以检查部分或者所有元素是否匹配某个条件。

    1. var teas = ['green', 'black', 'chamomile', 'earl grey'];
    2. // Chamomile is not caffeinated.
    3. bool isDecaffeinated(String teaName) =>
    4. teaName == 'chamomile';
    5. // Use where() to find only the items that return true
    6. // from the provided function.
    7. var decaffeinatedTeas =
    8. teas.where((tea) => isDecaffeinated(tea));
    9. // or teas.where(isDecaffeinated)
    10. // Use any() to check whether at least one item in the
    11. // collection satisfies a condition.
    12. assert(teas.any(isDecaffeinated));
    13. // Use every() to check whether all the items in a
    14. // collection satisfy a condition.
    15. assert(!teas.every(isDecaffeinated));

    有关方法的完整列表,请参考 Iterable API docs, 以及List,Set, and Map.

    URIs

    在使用 URI(可能你会称它为 URLs)时,Uri 类 提供对字符串的编解码操作。这些函数用来处理 URI 特有的字符,例如 = 。Uri 类还可以解析和处理 URI—host,port,scheme等组件。

    编码和解码完整合法的URI

    使用 encodeFull()decodeFull() 方法,对 URI 中除了特殊字符(例如 /:&#)以外的字符进行编解码,这些方法非常适合编解码完整合法的 URI,并保留 URI 中的特殊字符。

    1. var uri = 'https://example.org/api?foo=some message';
    2. var encoded = Uri.encodeFull(uri);
    3. assert(encoded ==
    4. 'https://example.org/api?foo=some%20message');
    5. var decoded = Uri.decodeFull(encoded);
    6. assert(uri == decoded);

    注意上面代码只编码了 somemessage 之间的空格。

    编码和解码 URI 组件

    使用 encodeComponent()decodeComponent() 方法,对 URI 中具有特殊含义的所有字符串字符,特殊字符包括(但不限于)/&,和 :

    1. var uri = 'https://example.org/api?foo=some message';
    2. var encoded = Uri.encodeComponent(uri);
    3. assert(encoded ==
    4. 'https%3A%2F%2Fexample.org%2Fapi%3Ffoo%3Dsome%20message');
    5. var decoded = Uri.decodeComponent(encoded);
    6. assert(uri == decoded);

    注意上面代码编码了所有的字符。例如 / 被编码为 %2F

    解析 URI

    使用 Uri 对象的字段(例如 path),来获取一个 Uri 对象或者 URI 字符串的一部分。使用 parse() 静态方法,可以使用字符串创建 Uri 对象。

    1. var uri =
    2. Uri.parse('https://example.org:8080/foo/bar#frag');
    3. assert(uri.scheme == 'https');
    4. assert(uri.host == 'example.org');
    5. assert(uri.path == '/foo/bar');
    6. assert(uri.fragment == 'frag');
    7. assert(uri.origin == 'https://example.org:8080');

    有关 URI 组件的更多内容,参考 Uri API docs。

    构建 URI

    使用 Uri() 构造函数,可以将各组件部分构建成 URI 。

    1. var uri = Uri(
    2. scheme: 'https',
    3. host: 'example.org',
    4. path: '/foo/bar',
    5. fragment: 'frag');
    6. assert(
    7. uri.toString() == 'https://example.org/foo/bar#frag');

    日期和时间

    DateTime 对象代表某个时刻,时区可以是 UTC 或者本地时区。

    DateTime 对象可以通过若干构造函数创建:

    1. // Get the current date and time.
    2. var now = DateTime.now();
    3. // Create a new DateTime with the local time zone.
    4. var y2k = DateTime(2000); // January 1, 2000
    5. // Specify the month and day.
    6. y2k = DateTime(2000, 1, 2); // January 2, 2000
    7. // Specify the date as a UTC time.
    8. y2k = DateTime.utc(2000); // 1/1/2000, UTC
    9. // Specify a date and time in ms since the Unix epoch.
    10. y2k = DateTime.fromMillisecondsSinceEpoch(946684800000,
    11. isUtc: true);
    12. // Parse an ISO 8601 date.
    13. y2k = DateTime.parse('2000-01-01T00:00:00Z');

    日期中 millisecondsSinceEpoch 属性返回自 “Unix纪元(January 1, 1970, UTC)”以来的毫秒数:

    1. // 1/1/2000, UTC
    2. var y2k = DateTime.utc(2000);
    3. assert(y2k.millisecondsSinceEpoch == 946684800000);
    4. // 1/1/1970, UTC
    5. var unixEpoch = DateTime.utc(1970);
    6. assert(unixEpoch.millisecondsSinceEpoch == 0);

    Use the Duration class to calculate the difference between two dates andto shift a date forward or backward:

    1. var y2k = DateTime.utc(2000);
    2. // Add one year.
    3. var y2001 = y2k.add(Duration(days: 366));
    4. assert(y2001.year == 2001);
    5. // Subtract 30 days.
    6. var december2000 = y2001.subtract(Duration(days: 30));
    7. assert(december2000.year == 2000);
    8. assert(december2000.month == 12);
    9. // Calculate the difference between two dates.
    10. // Returns a Duration object.
    11. var duration = y2001.difference(y2k);
    12. assert(duration.inDays == 366); // y2k was a leap year.

    请注意:

    由于时钟转换(例如,夏令时)的原因,使用 Duration 对 DateTime 按天移动可能会有问题。如果要按照天数来位移时间,请使用 UTC 日期。

    参考 DateTime 和 Duration API 文档了解全部方法列表。

    工具类

    核心库包含各种工具类,可用于排序,映射值以及迭代。

    比较对象

    如果实现了 Comparable 接口,也就是说可以将该对象与另一个对象进行比较,通常用于排序。compareTo() 方法在 小于 时返回 < 0,在 相等 时返回 0,在 大于 时返回 > 0。

    1. class Line implements Comparable<Line> {
    2. final int length;
    3. const Line(this.length);
    4. @override
    5. int compareTo(Line other) => length - other.length;
    6. }
    7. void main() {
    8. var short = const Line(1);
    9. var long = const Line(100);
    10. assert(short.compareTo(long) < 0);
    11. }

    Implementing map keys

    在 Dart 中每个对象会默认提供一个整数的哈希值,因此在 map 中可以作为 key 来使用,重写 hashCode 的 getter 方法来生成自定义哈希值。如果重写 hashCode 的 getter 方法,那么可能还需要重写 == 运算符。相等的(通过 == )对象必须拥有相同的哈希值。哈希值并不要求是唯一的,但是应该具有良好的分布形态。

    1. class Person {
    2. final String firstName, lastName;
    3. Person(this.firstName, this.lastName);
    4. // Override hashCode using strategy from Effective Java,
    5. // Chapter 11.
    6. @override
    7. int get hashCode {
    8. int result = 17;
    9. result = 37 * result + firstName.hashCode;
    10. result = 37 * result + lastName.hashCode;
    11. return result;
    12. }
    13. // You should generally implement operator == if you
    14. // override hashCode.
    15. @override
    16. bool operator ==(dynamic other) {
    17. if (other is! Person) return false;
    18. Person person = other;
    19. return (person.firstName == firstName &&
    20. person.lastName == lastName);
    21. }
    22. }
    23. void main() {
    24. var p1 = Person('Bob', 'Smith');
    25. var p2 = Person('Bob', 'Smith');
    26. var p3 = 'not a person';
    27. assert(p1.hashCode == p2.hashCode);
    28. assert(p1 == p2);
    29. assert(p1 != p3);
    30. }

    迭代

    Iterable 和 Iterator 类支持 for-in 循环。当创建一个类的时候,继承或者实现 Iterable,可以为该类提供用于 for-in 循环的 Iterators。实现 Iterator 来定义实际的遍历操作。

    1. class Process {
    2. // Represents a process...
    3. }
    4. class ProcessIterator implements Iterator<Process> {
    5. @override
    6. Process get current => ...
    7. @override
    8. bool moveNext() => ...
    9. }
    10. // A mythical class that lets you iterate through all
    11. // processes. Extends a subclass of [Iterable].
    12. class Processes extends IterableBase<Process> {
    13. @override
    14. final Iterator<Process> iterator = ProcessIterator();
    15. }
    16. void main() {
    17. // Iterable objects can be used with for-in.
    18. for (var process in Processes()) {
    19. // Do something with the process.
    20. }
    21. }

    异常

    Dart 核心库定义了很多公共的异常和错误类。异常通常是一些可以预见和预知的情况。错误是无法预见或者预防的情况。

    两个最常见的错误:

    • NoSuchMethodError
    • 当方法的接受对象(可能为null)没有实现该方法时抛出。

    • ArgumentError

    • 当方法在接受到一个不合法参数时抛出。

    通常通过抛出一个应用特定的异常,来表示应用发生了错误。通过实现 Exception 接口来自定义异常:

    1. class FooException implements Exception {
    2. final String msg;
    3. const FooException([this.msg]);
    4. @override
    5. String toString() => msg ?? 'FooException';
    6. }

    更多内容,参考 Exceptions 以及 Exception API 文档。

    dart:async - 异步编程

    异步编程通常使用回调方法来实现,但是 Dart提供了其他方案:Future 和 Stream 对象。Future 类似与 JavaScript 中的 Promise ,代表在将来某个时刻会返回一个结果。Stream 类可以用来获取一系列的值,比如,一些列事件。Future, Stream,以及更多内容,参考dart:async library (API reference)。

    备忘:

    你并不总是需要直接使用 Future 或 Stream 的 API。 Dart 语言支持使用关键字(例如,asyncawait )来实现异步编程。更多详情,参考这个 codelab 了解更多:asynchronous programming codelab。

    dart:async 库可以工作在 web 应用及 command-line 应用。通过 import dart:async 来使用。

    1. import 'dart:async';

    版本提示:

    从 Dart 2.1 开始,使用 Future 和 Stream 不需要导入 dart:async ,因为 dart:core 库 export 了这些类。

    Future

    在 Dart 库中随处可见 Future 对象,通常异步函数返回的对象就是一个 Future。当一个 future 完成执行后,future 中的值就已经可以使用了。

    使用 await

    在直接使用 Future API 前,首先应该考虑 await 来替代。代码中使用 await 表达式会比直接使用 Future API 更容易理解。

    阅读思考下面代码。代码使用 Future 的 then() 方法在同一行执行了三个异步函数,要等待上一个执行完成,再执行下一个任务。

    1. runUsingFuture() {
    2. // ...
    3. findEntryPoint().then((entryPoint) {
    4. return runExecutable(entryPoint, args);
    5. }).then(flushThenExit);
    6. }

    通过 await 表达式实现等价的代码,看起来非常像同步代码:

    1. runUsingAsyncAwait() async {
    2. // ...
    3. var entryPoint = await findEntryPoint();
    4. var exitCode = await runExecutable(entryPoint, args);
    5. await flushThenExit(exitCode);
    6. }

    async 函数能够捕获来自 Future 的异常。例如:

    1. var entryPoint = await findEntryPoint();
    2. try {
    3. var exitCode = await runExecutable(entryPoint, args);
    4. await flushThenExit(exitCode);
    5. } catch (e) {
    6. // Handle the error...
    7. }

    重要说明:

    async 函数返回 Future 对象。如果你不希望你的函数返回一个 future 对象,可以使用其他方案。例如,你可以在你的方法中调用一个 async 方法。

    更多关于 await 的使用及相关的 Dart 语言特征,参考Asynchrony support。

    基本用法

    当 future 执行完成后,then() 中的代码会被执行。then() 中的代码会在 future 完成后被执行。例如,HttpRequest.getString() 返回一个 future 对象,因为 HTTP 请求可能需要一段时间。当 Future 完成并且保证字符串值有效后,使用 then() 来执行你需要的代码:

    1. HttpRequest.getString(url).then((String result) {
    2. print(result);
    3. });

    使用 catchError() 来处理一些 Future 对象可能抛出的错误或者异常。

    1. HttpRequest.getString(url).then((String result) {
    2. print(result);
    3. }).catchError((e) {
    4. // Handle or ignore the error.
    5. });

    then().catchError() 组合是 try-catch 的异步版本。

    重要说明:

    确保调用 catchError() 方式在 then() 的结果上,而不是在原来的 Future 对象上调用。否则的话,catchError() 就只能处理原来 Future 对象抛出的异常,而无法处理 then() 代码里面的异常。

    链式异步编程

    then() 方法返回一个 Future 对象,这样就提供了一个非常好的方式让多个异步方法按顺序依次执行。如果用 then() 注册的回调返回一个 Future ,那么 then() 返回一个等价的 Future 。如果回调返回任何其他类型的值,那么 then() 会创建一个以该值完成的新 Future 。

    1. Future result = costlyQuery(url);
    2. result
    3. .then((value) => expensiveWork(value))
    4. .then((_) => lengthyComputation())
    5. .then((_) => print('Done!'))
    6. .catchError((exception) {
    7. /* Handle exception... */
    8. });

    在上面的示例中,方法按下面顺序执行:

    • costlyQuery()
    • expensiveWork()
    • lengthyComputation()这是使用 await 编写的等效代码:
    1. try {
    2. final value = await costlyQuery(url);
    3. await expensiveWork(value);
    4. await lengthyComputation();
    5. print('Done!');
    6. } catch (e) {
    7. /* Handle exception... */
    8. }

    等待多个 Future

    有时代码逻辑需要调用多个异步函数,并等待它们全部完成后再继续执行。使用 Future.wait() 静态方法管理多个 Future 以及等待它们完成:

    1. Future deleteLotsOfFiles() async => ...
    2. Future copyLotsOfFiles() async => ...
    3. Future checksumLotsOfOtherFiles() async => ...
    4. await Future.wait([
    5. deleteLotsOfFiles(),
    6. copyLotsOfFiles(),
    7. checksumLotsOfOtherFiles(),
    8. ]);
    9. print('Done with all the long steps!');

    Stream

    在 Dart API 中 Stream 对象随处可见,Stream 用来表示一些列数据。例如,HTML 中的按钮点击就是通过 stream 传递的。同样也可以将文件作为数据流来读取。

    异步循环

    有时,可以使用异步 for 循环 await for ,来替代 Stream API 。

    思考下面示例函数。它使用 Stream 的 listen() 方法来订阅文件列表,传入一个搜索文件或目录的函数

    1. void main(List<String> arguments) {
    2. // ...
    3. FileSystemEntity.isDirectory(searchPath).then((isDir) {
    4. if (isDir) {
    5. final startingDir = Directory(searchPath);
    6. startingDir
    7. .list(
    8. recursive: argResults[recursive],
    9. followLinks: argResults[followLinks])
    10. .listen((entity) {
    11. if (entity is File) {
    12. searchFile(entity, searchTerms);
    13. }
    14. });
    15. } else {
    16. searchFile(File(searchPath), searchTerms);
    17. }
    18. });
    19. }

    下面是使用 await 表达式和异步 for 循环 (await for) 实现的等价的代码,看起来更像是同步代码:

    1. Future main(List<String> arguments) async {
    2. // ...
    3. if (await FileSystemEntity.isDirectory(searchPath)) {
    4. final startingDir = Directory(searchPath);
    5. await for (var entity in startingDir.list(
    6. recursive: argResults[recursive],
    7. followLinks: argResults[followLinks])) {
    8. if (entity is File) {
    9. searchFile(entity, searchTerms);
    10. }
    11. }
    12. } else {
    13. searchFile(File(searchPath), searchTerms);
    14. }
    15. }

    重要说明:

    在使用 await for 前,确认这样能保持代码清晰,并希望获取所有 stream 的结果。例如,你通常并 会使用 await for 来监听 DOM 事件,因为 DOM 会发送无尽的流事件。如果在同一行使用 await for 注册两个 DOM 事件,那么第二个事件永远不会被处理。

    有关 await 的使用及 Dart 语言的相关信息,参考Asynchrony support。

    监听流数据(stream data)

    使用 await for 或者使用 listen() 方法监听 stream,来获取每个到达的数据流值:

    1. // Find a button by ID and add an event handler.
    2. querySelector('#submitInfo').onClick.listen((e) {
    3. // When the button is clicked, it runs this code.
    4. submitData();
    5. });

    下面示例中,ID 为 “submitInfo” button 提供的 onClick 属性是一个 Stream 对象。

    如果只关心其中一个事件,可以使用,例如,firstlast,或 single 属性来获取。要在处理时间前对事件进行测试,可以使用,例如 firstWhere()lastWhere(),或 singleWhere() 方法。

    如果只关心事件中的一个子集,可以使用,例如,skip()skipWhile()take()takeWhile(),和 where()

    传递流数据(stream data)

    常常,在使用流数据前需要改变数据的格式。使用 transform() 方法生成具有不同类型数据的流:

    1. var lines = inputStream
    2. .transform(utf8.decoder)
    3. .transform(LineSplitter());

    上面例子中使用了两个 transformer 。第一个使用 utf8.decoder 将整型流转换为字符串流。接着,使用了 LineSplitter 将字符串流转换为多行字符串流。这些 transformer 来自 dart:convert 库(参考dart:convert section)。

    处理错误和完成

    处理错误和完成代码方式,取决于使用的是异步 for 循环(await for)还是 Stream API 。

    如果使用的是异步 for 循环,那么通过 try-catch 来处理错误。代码位于异步 for 循环之后,会在 stream 被关闭后执行。

    1. Future readFileAwaitFor() async {
    2. var config = File('config.txt');
    3. Stream<List<int>> inputStream = config.openRead();
    4.  
    5. var lines = inputStream
    6. .transform(utf8.decoder)
    7. .transform(LineSplitter());
    8. try {
    9. await for (var line in lines) {
    10. print('Got ${line.length} characters from stream');
    11. }
    12. print('file is now closed');
    13. } catch (e) {
    14. print(e);
    15. }
    16. }

    如果使用的是 Stream API,那么通过注册 onError 监听来处理错误。代码位���注册的 onDone 中,会在 stream 被关闭后执行。

    1. var config = File('config.txt');
    2. Stream<List<int>> inputStream = config.openRead();
    3.  
    4. inputStream
    5. .transform(utf8.decoder)
    6. .transform(LineSplitter())
    7. .listen((String line) {
    8. print('Got ${line.length} characters from stream');
    9. }, onDone: () {
    10. print('file is now closed');
    11. }, onError: (e) {
    12. print(e);
    13. });

    更多内容

    更多在 command-line 应用中使用 Future 和 Stream 的实例,参考dart:io 概览也可以参考下列文章和教程:

    • Asynchronous programming: futures, async, await
    • Futures and error handling
    • Asynchronous programming: streams
    • Creating streams in Dart
    • Dart asynchronous programming: Isolates and event loops

    dart:math - 数学和随机数

    dart:math 库(API reference)提供通用的功能,例如,正弦和余弦,最大值和最小值,以及数学常数,例如 pie。大多数在 Math 库中的功能是作为顶级函数实现的。

    通过 import dart:math 来引入使用该库。

    1. import 'dart:math';

    三角函数

    Math 库提供基本的三角函数:

    1. // Cosine
    2. assert(cos(pi) == -1.0);
    3. // Sine
    4. var degrees = 30;
    5. var radians = degrees * (pi / 180);
    6. // radians is now 0.52359.
    7. var sinOf30degrees = sin(radians);
    8. // sin 30° = 0.5
    9. assert((sinOf30degrees - 0.5).abs() < 0.01);

    备忘:

    这些函数参数单位是弧度,不是角度!

    最大值和最小值

    Math 库提供 max()min() 方法:

    1. assert(max(1, 1000) == 1000);
    2. assert(min(1, -1000) == -1000);

    数学常数

    在 Math 库中可以找到你需要的数学常熟,例如,pie 等等:

    1. // See the Math library for additional constants.
    2. print(e); // 2.718281828459045
    3. print(pi); // 3.141592653589793
    4. print(sqrt2); // 1.4142135623730951

    随机数

    使用 Random 类产生随机数。可以为 Random 构造函数提供一个可选的种子参数。

    1. var random = Random();
    2. random.nextDouble(); // Between 0.0 and 1.0: [0, 1)
    3. random.nextInt(10); // Between 0 and 9.

    也可以产生随机布尔值序列:

    1. var random = Random();
    2. random.nextBool(); // true or false

    更多内容

    完整方法列表参考 Math API docs。在 API 文档中参考 num,int, 和 double。

    dart:convert - 编解码JSON,UTF-8等

    dart:convert 库(API reference)提供 JSON 和 UTF-8 转换器,以及创建其他转换器。JSON 是一种用于表示结构化对象和集合的简单文本格式。UTF-8 是一种常见的可变宽度编码,可以表示Unicode字符集中的每个字符。

    dart:convert 库可以在 web 及命令行应用中使用。使用时,通过 import dart:convert 引入。

    1. import 'dart:convert';

    编解码JSON

    使用 jsonDecode() 解码 JSON 编码的字符串为 Dart 对象:

    1. // NOTE: Be sure to use double quotes ("),
    2. // not single quotes ('), inside the JSON string.
    3. // This string is JSON, not Dart.
    4. var jsonString = '''
    5. [
    6. {"score": 40},
    7. {"score": 80}
    8. ]
    9. ''';
    10. var scores = jsonDecode(jsonString);
    11. assert(scores is List);
    12. var firstScore = scores[0];
    13. assert(firstScore is Map);
    14. assert(firstScore['score'] == 40);

    使用 jsonEncode() 编码 Dart 对象为 JSON 格式的字符串:

    1. var scores = [
    2. {'score': 40},
    3. {'score': 80},
    4. {'score': 100, 'overtime': true, 'special_guest': null}
    5. ];
    6. var jsonText = jsonEncode(scores);
    7. assert(jsonText ==
    8. '[{"score":40},{"score":80},'
    9. '{"score":100,"overtime":true,'
    10. '"special_guest":null}]');

    只有 int, double, String, bool, null, List, 或者 Map 类型对象可以直接编码成 JSON。List 和 Map 对象进行递归编码。

    不能直接编码的对象有两种方式对其编码。第一种方式是调用 encode() 时赋值第二个参数,这个参数是一个函数,该函数返回一个能够直接编码的对象第二种方式是省略第二个参数,着这种情况下编码器调用对象的 toJson() 方法。

    更多示例及 JSON 包相关链接,参考 JSON Support 。

    编解码 UTF-8 字符

    使用 utf8.decode() 解码 UTF8 编码的字符创为 Dart 字符创:

    1. List<int> utf8Bytes = [
    2. 0xc3, 0x8e, 0xc3, 0xb1, 0xc5, 0xa3, 0xc3, 0xa9,
    3. 0x72, 0xc3, 0xb1, 0xc3, 0xa5, 0xc5, 0xa3, 0xc3,
    4. 0xae, 0xc3, 0xb6, 0xc3, 0xb1, 0xc3, 0xa5, 0xc4,
    5. 0xbc, 0xc3, 0xae, 0xc5, 0xbe, 0xc3, 0xa5, 0xc5,
    6. 0xa3, 0xc3, 0xae, 0xe1, 0xbb, 0x9d, 0xc3, 0xb1
    7. ];
    8. var funnyWord = utf8.decode(utf8Bytes);
    9. assert(funnyWord == 'Îñţérñåţîöñåļîžåţîờñ');

    将 UTF-8 字符串流转换为 Dart 字符串,为 Stream 的 transform() 方法上指定 utf8.decoder

    1. var lines =
    2. utf8.decoder.bind(inputStream).transform(LineSplitter());
    3. try {
    4. await for (var line in lines) {
    5. print('Got ${line.length} characters from stream');
    6. }
    7. print('file is now closed');
    8. } catch (e) {
    9. print(e);
    10. }

    使用 utf8.encode() 将 Dart 字符串编码为一个 UTF8 编码的字节流:

    1. List<int> encoded = utf8.encode('Îñţérñåţîöñåļîžåţîờñ');
    2. assert(encoded.length == utf8Bytes.length);
    3. for (int i = 0; i < encoded.length; i++) {
    4. assert(encoded[i] == utf8Bytes[i]);
    5. }

    其他功能

    dart:convert 库同样包含 ASCII 和 ISO-8859-1 (Latin1) 转换器。更多详情,参考 API docs for the dart:convert library。

    dart:html - 基于浏览器应用

    Use the dart:html library to program the browser, manipulate objects andelements in the DOM, and access HTML5 APIs. DOM stands for Document ObjectModel, which describes the hierarchy of an HTML page.

    Other common uses of dart:html are manipulating styles (CSS), gettingdata using HTTP requests, and exchanging data usingWebSockets.HTML5 (and dart:html) has manyadditional APIs that this section doesn’t cover. Only web apps can usedart:html, not command-line apps.

    备忘: For a higher level approach to web app UIs, use a web framework such as AngularDart.

    To use the HTML library in your web app, import dart:html:

    1. import 'dart:html';

    Manipulating the DOM

    To use the DOM, you need to know about windows, documents,elements, and nodes.

    A Window object representsthe actual window of the web browser. Each Window has a Document object,which points to the document that’s currently loaded. The Window objectalso has accessors to various APIs such as IndexedDB (for storing data),requestAnimationFrame (for animations), and more. In tabbed browsers,each tab has its own Window object.

    With the Document object, you can create and manipulate Element objectswithin the document. Note that the document itself is an element and can bemanipulated.

    The DOM models a tree ofNodes. These nodes are oftenelements, but they can also be attributes, text, comments, and other DOMtypes. Except for the root node, which has no parent, each node in theDOM has one parent and might have many children.

    Finding elements

    To manipulate an element, you first need an object that represents it.You can get this object using a query.

    Find one or more elements using the top-level functionsquerySelector() and querySelectorAll(). You can query by ID, class, tag, name, orany combination of these. The CSS Selector Specificationguide defines the formats of theselectors such as using a # prefix to specify IDs and a period (.) forclasses.

    The querySelector() function returns the first element that matchesthe selector, while querySelectorAll()returns a collection of elementsthat match the selector.

    1. // Find an element by id (an-id).
    2. Element elem1 = querySelector('#an-id');
    3. // Find an element by class (a-class).
    4. Element elem2 = querySelector('.a-class');
    5. // Find all elements by tag (<div>).
    6. List<Element> elems1 = querySelectorAll('div');
    7. // Find all text inputs.
    8. List<Element> elems2 = querySelectorAll(
    9. 'input[type="text"]',
    10. );
    11. // Find all elements with the CSS class 'class'
    12. // inside of a <p> that is inside an element with
    13. // the ID 'id'.
    14. List<Element> elems3 = querySelectorAll('#id p.class');

    Manipulating elements

    You can use properties to change the state of an element. Node and itssubtype Element define the properties that all elements have. Forexample, all elements have classes, hidden, id, style, andtitle properties that you can use to set state. Subclasses of Elementdefine additional properties, such as the href property ofAnchorElement.

    Consider this example of specifying an anchor element in HTML:

    1. <a id="example" href="/another/example">link text</a>

    This <a> tag specifies an element with an href attribute and a textnode (accessible via a text property) that contains the string“linktext”. To change the URL that the link goes to, you can useAnchorElement’s href property:

    var anchor = querySelector('#example') as AnchorElement;
    anchor.href = 'https://dart.dev';
    

    Often you need to set properties on multiple elements. For example, thefollowing code sets the hidden property of all elements that have aclass of “mac”, “win”, or “linux”. Setting the hidden property to truehas the same effect as adding display:none to the CSS.

    <!-- In HTML: -->
    <p>
      <span class="linux">Words for Linux</span>
      <span class="macos">Words for Mac</span>
      <span class="windows">Words for Windows</span>
    </p>
    
    // In Dart:
    final osList = ['macos', 'windows', 'linux'];
    final userOs = determineUserOs();
    
    // For each possible OS...
    for (var os in osList) {
      // Matches user OS?
      bool shouldShow = (os == userOs);
    
      // Find all elements with class=os. For example, if
      // os == 'windows', call querySelectorAll('.windows')
      // to find all elements with the class "windows".
      // Note that '.$os' uses string interpolation.
      for (var elem in querySelectorAll('.$os')) {
        elem.hidden = !shouldShow; // Show or hide.
      }
    }
    

    When the right property isn’t available or convenient, you can useElement’s attributes property. This property is aMap<String, String>, where the keys are attribute names. For a list ofattribute names and their meanings, see the MDN Attributespage. Here’s anexample of setting an attribute’s value:

    elem.attributes['someAttribute'] = 'someValue';
    

    Creating elements

    You can add to existing HTML pages by creating new elements andattaching them to the DOM. Here’s an example of creating a paragraph(<p>) element:

    var elem = ParagraphElement();
    elem.text = 'Creating is easy!';
    

    You can also create an element by parsing HTML text. Any child elementsare also parsed and created.

    var elem2 = Element.html(
      '<p>Creating <em>is</em> easy!</p>',
    );
    

    Note that elem2 is a ParagraphElement in the preceding example.

    Attach the newly created element to the document by assigning a parentto the element. You can add an element to any existing element’schildren. In the following example, body is an element, and its childelements are accessible (as a List<Element>) from the childrenproperty.

    document.body.children.add(elem2);
    

    Adding, replacing, and removing nodes

    Recall that elements are just a kind of node. You can find all thechildren of a node using the nodes property of Node, which returns aList<Node> (as opposed to children, which omits non-Element nodes).Once you have this list, you can use the usual List methods andoperators to manipulate the children of the node.

    To add a node as the last child of its parent, use the List add()method:

    querySelector('#inputs').nodes.add(elem);
    

    To replace a node, use the Node replaceWith() method:

    querySelector('#status').replaceWith(elem);
    

    To remove a node, use the Node remove() method:

    // Find a node by ID, and remove it from the DOM.
    querySelector('#expendable').remove();
    

    Manipulating CSS styles

    CSS, or cascading style sheets, defines the presentation styles of DOMelements. You can change the appearance of an element by attaching IDand class attributes to it.

    Each element has a classes field, which is a list. Add and remove CSSclasses simply by adding and removing strings from this collection. Forexample, the following sample adds the warning class to an element:

    var elem = querySelector('#message');
    elem.classes.add('warning');
    

    It’s often very efficient to find an element by ID. You can dynamicallyset an element ID with the id property:

    var message = DivElement();
    message.id = 'message2';
    message.text = 'Please subscribe to the Dart mailing list.';
    

    You can reduce the redundant text in this example by using methodcascades:

    var message = DivElement()
      ..id = 'message2'
      ..text = 'Please subscribe to the Dart mailing list.';
    

    While using IDs and classes to associate an element with a set of stylesis best practice, sometimes you want to attach a specific style directlyto the element:

    message.style
      ..fontWeight = 'bold'
      ..fontSize = '3em';
    

    Handling events

    To respond to external events such as clicks, changes of focus, andselections, add an event listener. You can add an event listener to anyelement on the page. Event dispatch and propagation is a complicatedsubject; research thedetailsif you’re new to web programming.

    Add an event handler usingelement.onEvent.listen(function),where Event is the eventname and function is the event handler.

    For example, here’s how you can handle clicks on a button:

    // Find a button by ID and add an event handler.
    querySelector('#submitInfo').onClick.listen((e) {
      // When the button is clicked, it runs this code.
      submitData();
    });
    

    Events can propagate up and down through the DOM tree. To discover whichelement originally fired the event, use e.target:

    document.body.onClick.listen((e) {
      final clickedElem = e.target;
      // ...
    });
    

    To see all the events for which you can register an event listener, lookfor “onEventType” properties in the API docs for Element and itssubclasses. Some common events include:

    • change
    • blur
    • keyDown
    • keyUp
    • mouseDown
    • mouseUp

    Using HTTP resources with HttpRequest

    Formerly known as XMLHttpRequest, the HttpRequest classgives you access to HTTP resources from within your browser-based app.Traditionally, AJAX-style apps make heavy use of HttpRequest. UseHttpRequest to dynamically load JSON data or any other resource from aweb server. You can also dynamically send data to a web server.

    Getting data from the server

    The HttpRequest static method getString() is an easy way to get datafrom a web server. Use await with the getString() callto ensure that you have the data before continuing execution.

    Future main() async {
      String pageHtml = await HttpRequest.getString(url);
      // Do something with pageHtml...
    }

    Use try-catch to specify an error handler:

    try {
      var data = await HttpRequest.getString(jsonUri);
      // Process data...
    } catch (e) {
      // Handle exception...
    }
    

    If you need access to the HttpRequest, not just the text data itretrieves, you can use the request() static method instead ofgetString(). Here’s an example of reading XML data:

    Future main() async {
      HttpRequest req = await HttpRequest.request(
        url,
        method: 'HEAD',
      );
      if (req.status == 200) {
        // Successful URL access...
      }
      // ···
    }
    

    You can also use the full API to handle more interesting cases. Forexample, you can set arbitrary headers.

    The general flow for using the full API of HttpRequest is as follows:

    • Create the HttpRequest object.
    • Open the URL with either GET or POST.
    • Attach event handlers.
    • Send the request.For example:
    var request = HttpRequest();
    request
      ..open('POST', url)
      ..onLoadEnd.listen((e) => requestComplete(request))
      ..send(encodedData);
    

    Sending data to the server

    HttpRequest can send data to the server using the HTTP method POST. Forexample, you might want to dynamically submit data to a form handler.Sending JSON data to a RESTful web service is another common example.

    Submitting data to a form handler requires you to provide name-valuepairs as URI-encoded strings. (Information about the URI class is inthe URIs section of the Dart Library Tour.)You must also set the Content-type header toapplication/x-www-form-urlencode if you wish to send data to a formhandler.

    String encodeMap(Map<String, String> data) => data.keys
        .map((k) => '${Uri.encodeComponent(k)}=${Uri.encodeComponent(data[k])}')
        .join('&');
    
    Future main() async {
      var data = {'dart': 'fun', 'angular': 'productive'};
    
      var request = HttpRequest();
      request
        ..open('POST', url)
        ..setRequestHeader(
          'Content-type',
          'application/x-www-form-urlencoded',
        )
        ..send(encodeMap(data));
    
      await request.onLoadEnd.first;
    
      if (request.status == 200) {
        // Successful URL access...
      }
      // ···
    }
    

    Sending and receiving real-time data with WebSockets

    A WebSocket allows your web app to exchange data with a serverinteractively—no polling necessary. A server creates the WebSocket andlistens for requests on a URL that starts with ws://—for example,ws://127.0.0.1:1337/ws. The data transmitted over a WebSocket can be astring or a blob. Often, the data is a JSON-formatted string.

    To use a WebSocket in your web app, first create a WebSocket object, passingthe WebSocket URL as an argument:

    var ws = WebSocket('ws://echo.websocket.org');
    

    Sending data

    To send string data on the WebSocket, use the send() method:

    ws.send('Hello from Dart!');
    

    Receiving data

    To receive data on the WebSocket, register a listener for messageevents:

    ws.onMessage.listen((MessageEvent e) {
      print('Received message: ${e.data}');
    });
    

    The message event handler receives a MessageEvent object.This object’s data field has the data from the server.

    Handling WebSocket events

    Your app can handle the following WebSocket events: open, close, error,and (as shown earlier) message. Here’s an example of a method thatcreates a WebSocket object and registers handlers for open, close,error, and message events:

    void initWebSocket([int retrySeconds = 1]) {
      var reconnectScheduled = false;
    
      print("Connecting to websocket");
    
      void scheduleReconnect() {
        if (!reconnectScheduled) {
          Timer(Duration(seconds: retrySeconds),
              () => initWebSocket(retrySeconds * 2));
        }
        reconnectScheduled = true;
      }
    
      ws.onOpen.listen((e) {
        print('Connected');
        ws.send('Hello from Dart!');
      });
    
      ws.onClose.listen((e) {
        print('Websocket closed, retrying in ' + '$retrySeconds seconds');
        scheduleReconnect();
      });
    
      ws.onError.listen((e) {
        print("Error connecting to ws");
        scheduleReconnect();
      });
    
      ws.onMessage.listen((MessageEvent e) {
        print('Received message: ${e.data}');
      });
    }
    

    More information

    This section barely scratched the surface of using the dart:htmllibrary. For more information, see the documentation fordart:html.Dart has additional libraries for more specialized web APIs, such asweb audio,IndexedDB, and WebGL.

    For more information about Dart web libraries, see theweb library overview.

    dart:io - 服务器和命令行应用程序的 I/O 。

    The dart:io library provides APIs to deal withfiles, directories, processes, sockets, WebSockets, and HTTPclients and servers.

    重要说明: Only Flutter mobile apps, command-line scripts, and servers can import and use dart:io, not web apps.

    In general, the dart:io library implements and promotes an asynchronousAPI. Synchronous methods can easily block an application, making itdifficult to scale. Therefore, most operations return results via Futureor Stream objects, a pattern common with modern server platforms such asNode.js.

    The few synchronous methods in the dart:io library are clearly markedwith a Sync suffix on the method name. Synchronous methods aren’t covered here.

    To use the dart:io library you must import it:

    import 'dart:io';
    

    Files and directories

    The I/O library enables command-line apps to read and write files andbrowse directories. You have two choices for reading the contents of afile: all at once, or streaming. Reading a file all at once requiresenough memory to store all the contents of the file. If the file is verylarge or you want to process it while reading it, you should use aStream, as described inStreaming file contents.

    Reading a file as text

    When reading a text file encoded using UTF-8, you can read the entirefile contents with readAsString(). When the individual lines areimportant, you can use readAsLines(). In both cases, a Future objectis returned that provides the contents of the file as one or morestrings.

    Future main() async {
      var config = File('config.txt');
      var contents;
    
      // Put the whole file in a single string.
      contents = await config.readAsString();
      print('The file is ${contents.length} characters long.');
    
      // Put each line of the file into its own string.
      contents = await config.readAsLines();
      print('The file is ${contents.length} lines long.');
    }
    

    Reading a file as binary

    The following code reads an entire file as bytes into a list of ints.The call to readAsBytes() returns a Future, which provides the resultwhen it’s available.

    Future main() async {
      var config = File('config.txt');
    
      var contents = await config.readAsBytes();
      print('The file is ${contents.length} bytes long.');
    }
    

    Handling errors

    To capture errors so they don’t result in uncaught exceptions, you canregister a catchError handler on the Future,or (in an async function) use try-catch:

    Future main() async {
      var config = File('config.txt');
      try {
        var contents = await config.readAsString();
        print(contents);
      } catch (e) {
        print(e);
      }
    }
    

    Streaming file contents

    Use a Stream to read a file, a little at a time.You can use either the Stream APIor await for, part of Dart’sasynchrony support.

    import 'dart:io';
    import 'dart:convert';
    
    Future main() async {
      var config = File('config.txt');
      Stream<List<int>> inputStream = config.openRead();
    
      var lines =
          utf8.decoder.bind(inputStream).transform(LineSplitter());
      try {
        await for (var line in lines) {
          print('Got ${line.length} characters from stream');
        }
        print('file is now closed');
      } catch (e) {
        print(e);
      }
    }
    

    Writing file contents

    You can use an IOSink towrite data to a file. Use the File openWrite() method to get an IOSinkthat you can write to. The default mode, FileMode.write, completelyoverwrites existing data in the file.

    var logFile = File('log.txt');
    var sink = logFile.openWrite();
    sink.write('FILE ACCESSED ${DateTime.now()}\n');
    await sink.flush();
    await sink.close();
    

    To add to the end of the file, use the optional mode parameter tospecify FileMode.append:

    var sink = logFile.openWrite(mode: FileMode.append);
    

    To write binary data, use add(List<int> data).

    Listing files in a directory

    Finding all files and subdirectories for a directory is an asynchronousoperation. The list() method returns a Stream that emits an objectwhen a file or directory is encountered.

    Future main() async {
      var dir = Directory('tmp');
    
      try {
        var dirList = dir.list();
        await for (FileSystemEntity f in dirList) {
          if (f is File) {
            print('Found file ${f.path}');
          } else if (f is Directory) {
            print('Found dir ${f.path}');
          }
        }
      } catch (e) {
        print(e.toString());
      }
    }
    

    Other common functionality

    The File and Directory classes contain other functionality, includingbut not limited to:

    • Creating a file or directory: create() in File and Directory
    • Deleting a file or directory: delete() in File and Directory
    • Getting the length of a file: length() in File
    • Getting random access to a file: open() in File

    Refer to the API docs for File and Directory for a fulllist of methods.

    HTTP clients and servers

    The dart:io library provides classes that command-line apps can use foraccessing HTTP resources, as well as running HTTP servers.

    HTTP server

    The HttpServer classprovides the low-level functionality for building web servers. You canmatch request handlers, set headers, stream data, and more.

    The following sample web server returns simple text information.This server listens on port 8888 and address 127.0.0.1 (localhost),responding to requests for the path /dart. For any other path,the response is status code 404 (page not found).

    Future main() async {
      final requests = await HttpServer.bind('localhost', 8888);
      await for (var request in requests) {
        processRequest(request);
      }
    }
    
    void processRequest(HttpRequest request) {
      print('Got request for ${request.uri.path}');
      final response = request.response;
      if (request.uri.path == '/dart') {
        response
          ..headers.contentType = ContentType(
            'text',
            'plain',
          )
          ..write('Hello from the server');
      } else {
        response.statusCode = HttpStatus.notFound;
      }
      response.close();
    }
    

    HTTP client

    The HttpClient classhelps you connect to HTTP resources from your Dart command-line orserver-side application. You can set headers, use HTTP methods, and readand write data. The HttpClient class does not work in browser-basedapps. When programming in the browser, use thedart:html HttpRequest class.Here’s an example of using HttpClient:

    Future main() async {
      var url = Uri.parse('http://localhost:8888/dart');
      var httpClient = HttpClient();
      var request = await httpClient.getUrl(url);
      var response = await request.close();
      var data = await utf8.decoder.bind(response).toList();
      print('Response ${response.statusCode}: $data');
      httpClient.close();
    }
    

    More information

    This page showed how to use the major features of the dart:io library.Besides the APIs discussed in this section, the dart:io library alsoprovides APIs for processes,sockets, andweb sockets.For more information about server-side and command-line app development, see theserver-side Dart overview.

    For information on other dart:* libraries, see thelibrary tour.

    总结

    本页向您介绍了 Dart 内置库中最常用的功能。但是,并没有涵盖所有内置库。您可能想要查看的其他内容包括 dart:collection 和 dart:typed_data, ,以及特定于平台的库,如 Dart web development libraries 和 Flutter libraries. 。

    您可以使用 pub 包管理 工具获得更多库。collection,crypto,http,intl, 以及test以上只是简单的列举了一些可以通过 pub 安装的库。

    要了解有关 Dart 语言的更多信息,请参考language tour。