Flutter(三)之搞定Dart（一）

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

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

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

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

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

前言二：若干年后，你会发现，选错了公司和行业的损失远比选错了语言来的大。

并且计算机这个行业，只会一种编程语言显然是不现实的，接收一门新的语言，并无你想象中的难！

一. Dart介绍和安装

1.1. 认识Dart

Google为Flutter选择了Dart就已是既定的事实，不管你多么想用你熟悉的语言，好比JavaScript、Java、Swift、C++等来开发Flutter，至少目前都是不能够的。

在讲解Dart的过程当中，我会假定你已经有必定的编程语言基础，好比JavaScript、Java、Python、C++等。

其实若是你对编程语言足够的自信，Dart的学习过程甚至能够直接忽略：

• 由于你学过N种编程语言以后，你会发现他们的差别是并不大；
• 无非就是语法上的差别+某些语言有某些特性，而某些语言没有某些特性而已；
• 在我初次接触Flutter的时候，并无专门去看Dart的语法，而是对于某些语法不太熟练的时候回头去了解而已；

因此，若是你对编程语言已经足够了解，能够跳过咱们接下来的Dart学习：

• 我也并不会全部特性都一一罗列，我会挑出比较重要的语言特性来专门讲解；
• 某些特性可能会等到后面讲解Flutter的一些知识的时候单独拿出来说解；

下面，咱们就从安装Dart开始吧！

1.2. 安装Dart

为何还须要安装Dart呢？

事实上在安装Flutter SDK的时候，它已经内置了Dart了，咱们彻底能够直接使用Flutter去进行Dart的编写而且运行。

可是，若是你想单独学习Dart，而且运行本身的Dart代码，最好去安装一个Dart SDK。

下载Dart SDK

到Dart的官方，根据不一样的操做系统下载对应的Dart

• 官方网站：dart.dev/get-dart

不管是什么操做系统，安装方式都是有两种：经过工具安装和直接下载SDK，配置环境变量

1.经过工具安装

• Windows能够经过Chocolatey
• macOS能够经过homebrew
• 具体安装操做官网网站有详细的解释

2.直接下载SDK，配置环境变量

• 下载地址：dart.dev/tools/sdk/a…
• 我采用了这个安装方式。
• 下载完成后，根据路径配置环境变量便可。

1.3. VSCode配置

学习Dart过程当中，我使用VSCode做为编辑器

• 一方面编写代码很是方便，并且界面风格我也很喜欢
• 另外一方面我能够快速在终端看到我编写代码的效果

使用VSCode编写Dart须要安装Dart插件：我目前给这个VSCode装了四个插件

• Dart和Flutter插件是为Flutter开发准备的
• Atom One Dark Theme是我我的比较喜欢的一个主题
• Code Runner能够点击右上角的按钮让我快速运行代码

二. Hello Dart

2.1. Hello World

接下来，就能够步入正题了。学习编程语言，从祖传的Hello World开始。

在VSCode中新建一个helloWorld.dart文件，添加下面的内容：

main(List<String> args) {
  print('Hello World');
}
复制代码

而后在终端执行dart helloWorld.dart，就能看到Hello World的结果了。

完成了这个执行过程以后，以你以前学习的编程语言来看，你能获得多少信息呢？

2.2. 程序的分析

接下来，就是我本身的总结：

• 1、Dart语言的入口也是main函数，而且必须显示的进行定义；
• 2、Dart的入口函数main是没有返回值的；
• 3、传递给main的命令行参数，是经过List<String>完成的。
  • 从字面值就能够理解List是Dart中的集合类型。
  • 其中的每个String都表示传递给main的一个参数；
• 4、定义字符串的时候，可使用单引号或双引号；
• 5、每行语句必须使用分号结尾，不少语言并不须要分号，好比Swift、JavaScript；

三. 定义变量

3.1. 明确声明(Explicit)

明确声明变量的方式, 格式以下:

变量类型 变量名称 = 赋值;
复制代码

示例代码:

String name = 'coderwhy';
int age = 18;
double height = 1.88;
print('${name}, ${age}, ${height}'); // 拼接方式后续会讲解
复制代码

注意事项: 定义的变量能够修改值, 可是不能赋值其余类型

String content = 'Hello Dart';
content = 'Hello World'; // 正确的
content = 111; // 错误的, 将一个int值赋值给一个String变量
复制代码

3.2. 类型推导(Type Inference)

类型推导声明变量的方式, 格式以下:

var/dynamic/const/final 变量名称 = 赋值;
复制代码

3.3.1. var的使用

var的使用示例:

• runtimeType用于获取变量当前的类型

var name = 'coderwhy';
name = 'kobe';
print(name.runtimeType); // String
复制代码

var的错误用法:

var age = 18;
age = 'why'; // 不能够将String赋值给一个int类型
复制代码

3.3.2. dynamic的使用

若是确实但愿这样作,可使用dynamic来声明变量:

• 可是在开发中, 一般状况下不使用dynamic, 由于类型的变量会带来潜在的危险

dynamic name = 'coderwhy';
print(name.runtimeType); // String
name = 18;
print(name.runtimeType); // int
复制代码

3.3.3. final&const的使用

final和const都是用于定义常量的, 也就是定义以后值都不能够修改

final name = 'coderwhy';
name = 'kobe'; // 错误作法

const age = 18;
age = 20; // 错误作法

复制代码

final和const有什么区别呢?

• const在赋值时, 赋值的内容必须是在编译期间就肯定下来的
• final在赋值时, 能够动态获取, 好比赋值一个函数

String getName() {
  return 'coderwhy';
}

main(List<String> args) {
  const name = getName(); // 错误的作法, 由于要执行函数才能获取到值
  final name = getName(); // 正确的作法
}

复制代码

final和const小案例:

• 首先, const是不能够赋值为DateTime.now()
• 其次, final一旦被赋值后就有肯定的结果, 不会再次赋值

// const time = DateTime.now(); // 错误的赋值方式
final time = DateTime.now();
print(time); // 2019-04-05 09:02:54.052626

sleep(Duration(seconds: 2));
print(time); // 2019-04-05 09:02:54.052626

复制代码

const放在赋值语句的右边，能够共享对象，提升性能:

• 这里能够暂时先作了解，后面讲解类的常量构造函数时，我会再次提到这个概念

class Person {
  const Person();
}

main(List<String> args) {
  final a = const Person();
  final b = const Person();
  print(identical(a, b)); // true

  final m = Person();
  final n = Person();
  print(identical(m, n)); // false
}

复制代码

四. 数据类型

4.1. 数字类型

对于数值来讲，咱们也不用关心它是否有符号，以及数据的宽度和精度等问题。只要记着整数用int，浮点数用double就好了。

不过，要说明一下的是Dart中的int和double可表示的范围并非固定的，它取决于运行Dart的平台。

// 1.整数类型int
int age = 18;
int hexAge = 0x12;
print(age);
print(hexAge);

// 2.浮点类型double
double height = 1.88;
print(height);

复制代码

字符串和数字之间的转化:

// 字符串和数字转化
// 1.字符串转数字
var one = int.parse('111');
var two = double.parse('12.22');
print('${one} ${one.runtimeType}'); // 111 int
print('${two} ${two.runtimeType}'); // 12.22 double

// 2.数字转字符串
var num1 = 123;
var num2 = 123.456;
var num1Str = num1.toString();
var num2Str = num2.toString();
var num2StrD = num2.toStringAsFixed(2); // 保留两位小数
print('${num1Str} ${num1Str.runtimeType}'); // 123 String
print('${num2Str} ${num2Str.runtimeType}'); // 123.456 String
print('${num2StrD} ${num2StrD.runtimeType}'); // 123.46 String

复制代码

4.2. 布尔类型

布尔类型中,Dart提供了一个bool的类型, 取值为true和false

// 布尔类型
var isFlag = true;
print('$isFlag ${isFlag.runtimeType}');

复制代码

注意: Dart中不能判断非0即真, 或者非空即真

Dart的类型安全性意味着您不能使用if(非booleanvalue)或assert(非booleanvalue)之类的代码。

var message = 'Hello Dart';
  // 错误的写法
  if (message) {
    print(message)
  }

复制代码

4.3. 字符串类型

Dart字符串是UTF-16编码单元的序列。您可使用单引号或双引号建立一个字符串:

// 1.定义字符串的方式
var s1 = 'Hello World';
var s2 = "Hello Dart";
var s3 = 'Hello\'Fullter';
var s4 = "Hello'Fullter";

复制代码

可使用三个单引号或者双引号表示多行字符串:

// 2.表示多行字符串的方式
var message1 = ''' 哈哈哈 呵呵呵 嘿嘿嘿''';

复制代码

字符串和其余变量或表达式拼接: 使用${expression}, 若是表达式是一个标识符, 那么{}能够省略

// 3.拼接其余变量
var name = 'coderwhy';
var age = 18;
var height = 1.88;
print('my name is ${name}, age is $age, height is $height');

复制代码

4.4. 集合类型

4.4.1. 集合类型的定义

对于集合类型，Dart则内置了最经常使用的三种：List / Set / Map。

其中，List能够这样来定义：

// List定义
// 1.使用类型推导定义
var letters = ['a', 'b', 'c', 'd'];
print('$letters ${letters.runtimeType}');

// 2.明确指定类型
List<int> numbers = [1, 2, 3, 4];
print('$numbers ${numbers.runtimeType}');

复制代码

其中，set能够这样来定义：

• 其实，也就是把[]换成{}就行了。
• Set和List最大的两个不一样就是：Set是无序的，而且元素是不重复的。

// Set的定义
// 1.使用类型推导定义
var lettersSet = {'a', 'b', 'c', 'd'};
print('$lettersSet ${lettersSet.runtimeType}');

// 2.明确指定类型
Set<int> numbersSet = {1, 2, 3, 4};
print('$numbersSet ${numbersSet.runtimeType}');

复制代码

最后，Map是咱们常说的字典类型，它的定义是这样的：

// Map的定义
// 1.使用类型推导定义
var infoMap1 = {'name': 'why', 'age': 18};
print('$infoMap1 ${infoMap1.runtimeType}');

// 2.明确指定类型
Map<String, Object> infoMap2 = {'height': 1.88, 'address': '北京市'};
print('$infoMap2 ${infoMap2.runtimeType}');

复制代码

4.4.2. 集合的常见操做

了解了这三个集合的定义方式以后，咱们来看一些最基础的公共操做

第一类，是全部集合都支持的获取长度的属性length：

// 获取集合的长度
print(letters.length);
print(lettersSet.length);
print(infoMap1.length);

复制代码

第二类, 是添加/删除/包含操做

• 而且，对List来讲，因为元素是有序的，它还提供了一个删除指定索引位置上元素的方法

// 添加/删除/包含元素
numbers.add(5);
numbersSet.add(5);
print('$numbers $numbersSet');

numbers.remove(1);
numbersSet.remove(1);
print('$numbers $numbersSet');

print(numbers.contains(2));
print(numbersSet.contains(2));

// List根据index删除元素
numbers.removeAt(3);
print('$numbers');

复制代码

第三类，是Map的操做

• 因为它有key和value，所以不管是读取值，仍是操做，都要明确是基于key的，仍是基于value的，或者是基于key/value对的。

// Map的操做
// 1.根据key获取value
print(infoMap1['name']); // why

// 2.获取全部的entries
print('${infoMap1.entries} ${infoMap1.entries.runtimeType}'); // (MapEntry(name: why), MapEntry(age: 18)) MappedIterable<String, MapEntry<String, Object>>

// 3.获取全部的keys
print('${infoMap1.keys} ${infoMap1.keys.runtimeType}'); // (name, age) _CompactIterable<String>

// 4.获取全部的values
print('${infoMap1.values} ${infoMap1.values.runtimeType}'); // (why, 18) _CompactIterable<Object>

// 5.判断是否包含某个key或者value
print('${infoMap1.containsKey('age')} ${infoMap1.containsValue(18)}'); // true true

// 6.根据key删除元素
infoMap1.remove('age');
print('${infoMap1}'); // {name: why}

复制代码

五. 函数

5.1. 函数的基本定义

Dart是一种真正的面向对象语言，因此即便函数也是对象，全部也有类型, 类型就是Function。

这也就意味着函数能够做为变量定义或者做为其余函数的参数或者返回值.

函数的定义方式:

返回值 函数的名称(参数列表) {
  函数体
  return 返回值
}

复制代码

按照上面的定义方式, 咱们定义一个完整的函数:

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

复制代码

Effective Dart建议对公共的API, 使用类型注解, 可是若是咱们省略掉了类型, 依然是能够正常工做的

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

复制代码

另外, 若是函数中只有一个表达式, 那么可使用箭头语法(arrow syntax)

• 注意, 这里面只能是一个表达式, 不能是一个语句

sum(num1, num2) => num1 + num2;

复制代码

5.2. 函数的参数问题

函数的参数能够分红两类: 必须参数和可选参数

前面使用的参数都是必须参数.

5.2.1. 可选参数

可选参数能够分为 命名可选参数 和 位置可选参数

定义方式:

命名可选参数: {param1, param2, ...}
位置可选参数: [param1, param2, ...]

复制代码

命名可选参数的演示:

// 命名可选参数
printInfo1(String name, {int age, double height}) {
  print('name=$name age=$age height=$height');
}

// 调用printInfo1函数
printInfo1('why'); // name=why age=null height=null
printInfo1('why', age: 18); // name=why age=18 height=null
printInfo1('why', age: 18, height: 1.88); // name=why age=18 height=1.88
printInfo1('why', height: 1.88); // name=why age=null height=1.88

复制代码

位置可选参数的演示:

// 定义位置可选参数
printInfo2(String name, [int age, double height]) {
  print('name=$name age=$age height=$height');
}

// 调用printInfo2函数
printInfo2('why'); // name=why age=null height=null
printInfo2('why', 18); // name=why age=18 height=null
printInfo2('why', 18, 1.88); // name=why age=18 height=1.88

复制代码

命名可选参数, 能够指定某个参数是必传的(使用@required, 有问题)

// 命名可选参数的必须
printInfo3(String name, {int age, double height, @required String address}) {
  print('name=$name age=$age height=$height address=$address');
}

复制代码

5.2.2. 参数默认值

参数能够有默认值, 在不传入的状况下, 使用默认值

• 注意, 只有可选参数才能够有默认值, 必须参数不能有默认值

// 参数的默认值
printInfo4(String name, {int age = 18, double height=1.88}) {
  print('name=$name age=$age height=$height');
}

复制代码

Dart中的main函数就是一个接受可选的列表参数做为参数的, 因此在使用main函数时, 咱们能够传入参数, 也能够不传入

5.3. 函数是一等公民

在不少语言中, 函数并不能做为一等公民来使用, 好比Java/OC. 这种限制让编程不够灵活, 因此现代的编程语言基本都支持函数做为一等公民来使用, Dart也支持.

这就意味着你能够将函数赋值给一个变量, 也能够将函数做为另一个函数的参数或者返回值来使用.

main(List<String> args) {
  // 1.将函数赋值给一个变量
  var bar = foo;
  print(bar);

  // 2.将函数做为另外一个函数的参数
  test(foo);

  // 3.将函数做为另外一个函数的返回值
  var func =getFunc();
  func('kobe');
}

// 1.定义一个函数
foo(String name) {
  print('传入的name:$name');
}

// 2.将函数做为另一个函数的参数
test(Function func) {
  func('coderwhy');
}

// 3.将函数做为另外一个函数的返回值
getFunc() {
  return foo;
}

复制代码

5.4. 匿名函数的使用

大部分咱们定义的函数都会有本身的名字， 好比前面定义的foo、test函数等等。

可是某些状况下，给函数命名太麻烦了，咱们可使用没有名字的函数，这种函数能够被称之为匿名函数( anonymous function)，也能够叫lambda或者closure。

main(List<String> args) {
  // 1.定义数组
  var movies = ['盗梦空间', '星际穿越', '少年派', '大话西游'];

  // 2.使用forEach遍历: 有名字的函数
  printElement(item) {
    print(item);
  }
  movies.forEach(printElement);

  // 3.使用forEach遍历: 匿名函数
  movies.forEach((item) {
    print(item);
  });
  movies.forEach((item) => print(item));
}

复制代码

5.5. 词法做用域

dart中的词法有本身明确的做用域范围，它是根据代码的结构({})来决定做用域范围的

优先使用本身做用域中的变量，若是没有找到，则一层层向外查找。

var name = 'global';
main(List<String> args) {
  // var name = 'main';
  void foo() {
    // var name = 'foo';
    print(name);
  }

  foo();
}

复制代码

5.6. 词法闭包

闭包能够访问其词法范围内的变量，即便函数在其余地方被使用，也能够正常的访问。

main(List<String> args) {
  makeAdder(num addBy) {
    return (num i) {
      return i + addBy;
    };
  }

  var adder2 = makeAdder(2);
  print(adder2(10)); // 12
  print(adder2(6)); // 8

  var adder5 = makeAdder(5);
  print(adder5(10)); // 15
  print(adder5(6)); // 11
}

复制代码

5.7. 返回值问题

全部函数都返回一个值。若是没有指定返回值，则语句返回null;隐式附加到函数体。

main(List<String> args) {
  print(foo()); // null
}

foo() {
  print('foo function');
}

复制代码

备注：全部内容首发于公众号，以后除了Flutter也会更新其余技术文章，TypeScript、React、Node、uniapp、mpvue、数据结构与算法等等，也会更新一些本身的学习心得等，欢迎你们关注