不会Dart,还搞什么Flutter?

Posted 后厂技术官

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了不会Dart,还搞什么Flutter?相关的知识,希望对你有一定的参考价值。

技术进阶关注“刘望舒”就对了


Flutter基础系列文章



前言

Dart是Flutter SDK指定的语言,因此要学习Flutter,Dart是必须掌握的。关于Dart可以写一本书了,这里用一篇文章来介绍下Dart的精髓,带你快速入门。和Java语言类似的部分,这篇文章就尽量不再讲了。

1. Dart开发环境搭建

注意要选择第三个选项Constole Application,否则会默认创建一个Web项目。点击Next然后配置项目的名称就可以创建项目了。
在项目中的bin/main.dart中加入如下测试代码:
void main() {
  print("Hello World");
}

点击菜单的Run-->Run'main.dart'或者点击工具条的运行图标,就能在控制台看到输出的结果:

不会Dart,还搞什么Flutter?

2. Dart概述

Dart是谷歌开发的计算机编程语言,亮相于2011年10月,最新的版本是Dart2。Dart诞生的原因是谷歌的工程师出于对javascript的不满,诞生的初期也赢得了部分前端开发者的青睐。但是这时JavaScript借着NodeJS火了起来,在前端、后端、移动端无孔不入,Dart就渐渐被人遗忘了,可见Dart本身是具有很强的实力的,只是不大走运。谷歌并没有放弃Dart,不遗余力的推广Dart:谷歌的Angular提供了Dart版本,指定Dart为新系统Fuchsia的官方开发语言,Dart为移动UI框架Flutter的开发语言,因此Dart又重新回到了人们的视野中。
Dart通常情况下运行在DartVM上,但是在特定情况下它也可以编译成本地代码运行在硬件上,比如Flutter会将代码编译成指定平台的本地代码来提高性能。

3. Dart特性和重要概念

Dart的特性主要有以下几点:

  1. 执行速度快,Dart是AOT(Ahead Of Time)编译的,可以编译成快速的、可预测的本地代码,这使得Flutter几乎都可以使用Dart来编写。也可以采用JIT(Just In Time)编译。

  2. 易于移植,Dart可编译成ARM和X86代码,这样Dart可以在androidios和其他地方运行。

  3. 容易上手,Dart充分吸收了高级语言特性,如果你已经熟悉C++、C、Java,可以在短短几天内用Dart来开发。

  4. 易于阅读,Dart使Flutter不需要单独的声明式布局语言(XML或JSX),或者单独的可视化界面构建器,这是因为Dart的声明式编程布局易于阅读。

  5. 避免抢占式调度,Dart可以在没有锁的情况下进行对象分配和垃圾回收,和JavaScript一样,Dart避免了抢占式调度和共享内存,因此不需要锁。

Dart的重要概念有以下几点:

  1. 在Dart中,一切都是对象,每个对象都是一个类的实例,所有对象都继承自Object。

  2. Dart在运行前解析所有的代码,指定数据类型和编译时常量,可以使代码运行的更快。

  3. 与Java不同,Dart不具备关键字public、protected、private。如果一个标识符以下划线_开始,那么它和它的库都是私有的。

  4. Dart支持顶级的函数如main(),也支持类或对象的静态和实例方法,还可以在函数内部创建函数。

  5. Dart支持顶级的变量,也支持类或对象的静态变量和实例变量,实例变量有时称为字段或属性。

  6. Dart支持泛型类型,如List(整数列表)或List(任何类型的对象列表)。

  7. Dart工具可以报告两种问题:警告和错误。警告只是说明代码可能无法正常工作,但不会阻止程序执行。错误可以是编译时或运行时的。编译时错误会阻止代码执行; 运行时错误会导致代码执行时报出异常。

4. Dart关键字

5. 变量

变量声明使用var关键字,未初始化的变量的初始值为null,即便是数字类型的变量也是null。

var name = 'liuwangshu';

name变量的类型被推断为String,也可以显示声明:

String name = 'liuwangshu' ; 

如果对象不限于单一类型,可以指定Object或dynamic类型。

Object name = 'liuwangshu' ; 

如果定义的变量不会变化,可以使用final或const来代替var,final变量只能设置一次。

final name = 'liuwangshu'
//name = 'zhangwuji' ; //会报错

const变量为编译时常量,如果const变量在类级别,可以使用static const。

const pi = 3.1415926;       
const area = pi * 60 * 60

const不仅仅用来定义常量,也可以使用const来创建常量的值。

var foo = const []; final bar = const []; const baz = [];//相当于`const []` 

6. 基本数据类型

Dart的基本数据类型包括Number、String、Boolean、List、Set、Map、 Symbol、Runes。

6.1 Number

number类型为两类:

  • int:整数值不大于64位,具体取决于平台。在Dart VM上,值可以是-2 ^63到2 ^63 - 1,如果编译为JavaScript,允许值为-2^53 to 2^53 - 1。

  • double:64-bit (双精度) 浮点数,符合 IEEE 754 标准。

6.2 String

Dart 字符串是 UTF-16 编码的字符序列。可以使用单引号或者双引号来创建字符串:

var s1 = '单引号适用于字符串文字';
var s2 = "双引号同样有效";

可以在字符串中使用表达式,用法是:${expression}。如果表达式是一个标识符,可以省略 {}。

var s = '乾坤大挪移';
assert('张无忌的$s' ==
       '张无忌的乾坤大挪移');

使用三个单引号或者三个双引号可以创建多行字符串对象:

var s1 = '''
第一行
第二行
'
'';

var s2 = """第一行
第二行"
"";

6.3 Boolean

Dart是强bool类型检查,只有true对象才被认为是true。

var name = '张无忌';
if (name) {
  print('明教教主');
}

上面的代码编译不能通过,因为name是一个字符串,而不是bool类型。

6.4 List

下面是一个List 的示例:

var list = [123];

List的第一个元素的索引是0,最后一个元素的索引是 list.length - 1 。

var list = [123456];
print(list.length);
print(list[list.length-1]);

6.5 Set

Dart中的Set是一组无序的集合。

 var hero = ['张无忌''风清扬''张三丰''独孤求败''萧峰'];

要创建一个空集,可以在{}前面带有类型参数:

var heros= <String> {};

使用add()或addAll()方法将条目添加到现有集中:

var heros = <String>{};
heros.add('石破天');
heros.addAll(hero);

6.6 Map

Map是一个键值对相关的对象,键和值可以是任何类型的对象,每个键都是唯一的,而一个值则可以出现多次。

var player= {
// Keys      Values
  '20' : '斯诺',
  '3''艾弗森',
  '40' : '希尔',
  '8' : '麦基',
  '55' : '穆托姆博'
};

使用Map构造函数也可以实现同样的功能:

  var player = new Map();
  player['20'] = '斯诺';
  player['3'] = '艾弗森';
  player['40'] = '希尔';

7. 函数

Dart是一个真正面向对象的语言,函数属于Function对象。这意味着,函数可以赋值给变量,也可以当做其他函数的参数。

 void printName(String name) {
  print('name is $name');
 }

7.1 可选参数

可选参数可以是可选位置参数,也可以是可选命名参数,但不能同时使用。

可选命名参数
调用方法的时候,可以使用 paramName: value 的形式来指定参数的名称,这样就可以根据paramName得知参数的含义,提高代码的可读性。

coffeeFlavor (sugar :true ,sugar :false );  

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

coffeeFlavor ({bool sugar , bool sugar}) {

}

可选位置参数
把函数的参数放到 [] 中就变成可选位置参数了:

String go(String to, [String who]) {
  var result = 'go to the $to';
  if (who != null) {
    result = '$result with $who';
  }
  return result;
}

7. 2 默认参数值

可以使用 = 来定义可选参数的默认值, 默认值必须是编译时常量。如果没有提供默认值,则默认值为 null。

String go(String to, [String who= 'liuwangshu']) {
  var result = 'go to the $to';
  if (who != null) {
    result = '$result with $who';
  }
  return result;
}
 String result= go ('beijing');

7.3 main函数

每个应用都需要有个顶级的main() 函数来作为入口才能执行。main()函数的返回值为 void 并且有个可选的 List<String> 参数。此前我们举的例子都是在main函数中运行才能得已验证:

void main(){
 void printName(String name) {
  print('name is $name');
 }
 printName('liuwangshu');
}

7.4 匿名函数

大部分函数都有名字,例如 main() 或者 printElement()。可以创建没有名字的匿名方法,格式如下所示。

([[Type] param1[, …]]) { 
  codeBlock; 
}; 

下面的代码定义了一个参数为i(该参数没有指定类型)的匿名函数。list中的每个元素都会调用这个函数打印出来.

  var list = ['张无忌''风清扬''张三丰''独孤求败''萧峰'];
  list.forEach((i) {
    print(list.indexOf(i).toString() + ': ' + i);
  });

8. 流程控制语句

Dart的流程控制语句如下:

  • if 和 else

  • for循环

  • while和do- while循环

  • break和continue

  • switch和case

  • assert

这些语句的大部分都和Java差不多,这里主要讲解for循环和switch语句。

8.1 for循环

标准的 for 循环:

  var message = new StringBuffer("张无忌");
  for (var i = 0; i < 3; i++) {
    message.write('!');
  }

List和Set等实现了Iterable接口的类还支持for-in形式的遍历:

var hero = ['张无忌''风清扬''张三丰''独孤求败''萧峰'];
for (var h in hero) {
  print(h);
}

8.2 switch和case

Dart中Switch语句通过使用 == 来比较整型、字符串或者编译时常量。被比较的对象必须都是同一个类的实例(不能是其子类),并且这个类不允许覆写 ==。另外,枚举类型很适用于在Switch语句使用。

  String today='Friday';
  switch(today){
    case 'Monday':
      print('星期一');
      break;
    case 'Friday':
      print('星期五');
      break;
  }

9.捕获异常

捕获异常可以避免异常继续传递。

try {
  //...
} on OutOfLlamasException {
  //...
on Exception catch (e) {
  print('Unknown exception: $e');
catch (e) {
  print('Something really unknown: $e');
}

使用on或者catch来声明捕获语句,也可以同时使用。其中on来指定异常类型,catch来捕获异常对象。
确保某些代码不管有没有出现异常都会执行,可以使用finally语句来实现。

try {
   //...
catch(e) {
  print('Error: $e');  
finally {
   //...
}

10.为类添加新的功能

Dart是一个面向对象编程语言,支持基于Mixin的继承机制。Mixin可以理解为多继承,在with关键字的后面为一个或者多个类。

class Person{
  run(){
    print('跑');
  }
}

class Wushu{
  use(){
  print('乾坤大挪移');
  }
}

class Zhangwuji extends Person with Wushu{
int age;
Zhangwuji(int age){
  this.age=age;
 }
}

void main() {
  var zhangwuji=new Zhangwuji(30);
  zhangwuji.run();
  zhangwuji.use();
}

通过如上代码的验证,Zhangwuji类拥有了Person和Wushu这两个类的方法。

11.库的使用

使用import来引入一个库,对于Dart语言内置的库,使用dart: scheme。对于第三方的库,可以使用文件系统路径或者 package: scheme。

import 'dart:io';
import 'package:mylib/mylib.dart';
import 'package:utils/utils.dart';

指定库前缀
如果导入的两个库具有冲突的名字, 可以使用库的前缀来进行区分。例如,如果library1和library2 都有一个名字为Element的类,可以这样使用:

import 'package:lib1/lib1.dart';
import 'package:lib2/lib2.dart' as lib2;
// ...
Element element1 = new Element();           //使用lib1中的Element
lib2.Element element2 = new lib2.Element(); //使用lib2中的Element

导入库的一部分
如果只使用库的一部分功能,则可以选择需要导入的部分内容。其中show代表只导入指定的部分,hide代表除了指定的部分都导入。

// 只导入foo
import 'package:lib1/lib1.dart' show foo;

// 除了foo,其他部分都导入
import 'package:lib2/lib2.dart' hide foo;

延迟加载库
延迟加载意味着应用程序可以在需要的时候再加载库,使用延迟加载库的场景主要有以下几点:

  • 减少APP的初始启动时间。

  • 执行A/B测试,例如尝试各种算法的不同实现。

  • 加载很少使用的功能。

要延迟加载一个库,需要先使用 eferred as来导入:

import 'package:deferred/hello.dart' deferred as hello;

当需要使用的时候,调用loadLibrary() 函数来加载库:

greet() async {
  await hello.loadLibrary();
  hello.printGreeting();
}

12.异步支持

Dart库中包含许多返回Future或Stream对象的函数。这些函数是异步的,它们在基本操作后会返回,而不等待该操作完成,例如读取一个文件,在打开文件后就返回了。
虽然看起来有点像同步代码,但是async和await的代码是的确异步的。

await readFile()

要使用await,其方法必须带有async关键字:

FileOperate() async {
var file= await readFile()
//其他处理
}

13.让类可调用

如果Dart中的类实现了call()函数,那么这个类可以当做方法来调用。

class JointFunction {
  call(String a, String b, String c, String d) => '$a $b $c $d';
}

main() {
  var jf = new JointFunction();
  var out = jf("放","手","去","做");//1
  print('$out');
}

在下面的示例中,JointFunction类定义了一个call()函数,它接收三个字符串并拼接它们。这样在注释1处就可以调用JointFunction类了。

14.创建实例

在Java中创建实例可以用new,在Dart中你可以选择用new,也可以选择不用:

Element element = Element();

对于Android开发来说用new可能更习惯一些,可读性也稍微好点,不用new的话显得更简洁,至于用不用new就看团队的要求和个人的习惯吧,没有绝对的好坏之分。

总结

Dart的知识点有很多,这里只介绍了一部分我认为需要重点掌握的部分,如果想了解更多,可以查看官方文档,关于Dart的学习可以结合Flutter边写边学,不要只抠Dart的细节。

--------  END  ----------

推荐阅读





你好,我是刘望舒,十年经验的资深架构师,著有两本业界知名的技术畅销书,多个知名技术大会的特邀演讲嘉宾。


  

听说有人不敢点这里

以上是关于不会Dart,还搞什么Flutter?的主要内容,如果未能解决你的问题,请参考以下文章

VS Code (Flutter, dart) 错误在注释或删除代码后不会消失

在 Dart / Flutter 的 Firestore 查询中添加限制时,不会调用 Stream Listen

Flutter/Dart - 关于如何对未来进行故障排除的建议?

为啥在 dart/flutter 中不等待 await 返回就执行代码?

Flutter学习-Dart异步

Flutter/Dart - 类的继承