淘先锋技术网

首页 1 2 3 4 5 6 7

【Flutter】02：Dart基础语法

前言：

前边配置好了环境，接下来学习flutter开发的语言，dart。

一、查看Dart版本

 查看dart位置

 二、创建Dart工程

先来创建个空的

选择工程存放位置。

设置好sdk的位置。 

设置Module名称。

 

打开demo1.dart就可以看到类似OC工程里main文件的文件了。

‘control + r ’   即可运行代码，此时是跑在AS软件里的终端上的，未触发到模拟器上，因为属于一个空工程。

 三、创建flutter工程

这里工程名字注意一下，不可以使用驼峰命名。另外编程语言也是可以选择的，这里使用默认设置，Finish。

进入到开发界面，找到lib下的main.dart。

【扩展】

注意右侧这个竖线，是控制代码行数和分割右侧展示区的线，不习惯的话可以去下图位置去掉勾选。

另外这里可以选择不同语言的每行最大字符数，超过则自动换行。

【扩展完毕】↑ 

 四、语法

回到main.dart文件中。

顶部选择模拟器的选项我们选择Chrome（Web），运行时会自动调起Google浏览器，直接最小化浏览器看AS页面即可。

【tips】web运行的warning

在web作为运行媒介时，可能会报下面这个waring。

我们只需在终端的该工程目录下输入  'flutter create .' 即可

1.var、final、const

void varDemo() {
  //var 声明的是一个变量，可以赋值不同的类型，未初始化则为null
  var a;
  print(a);
  a = "hello world";
  print(a);
  a = 100;
  print(a);

  //final 声明一个只能赋值一次的变量，且不可更改，并且未初始化时不可使用！
  final b;
  //print(b);//这里会报错，b未初始化
  b = "string";
  print(b);

  //const 常量，定义时必须初始化，且不可修改。
  //const c;//这里会报错，const修饰的是一个常量，常量在定义时必须初始化
  const c = 22;
  print(c);
}

 控制台输出结果：

null
hello world
100
string
22

2.数据类型

2.1 数值型Number

包含int，double。

void numDemo() {
  int a;
  a = 10;
  print(a);
  //a = 1.5;//这里a是int类型的，如果赋值double类型数值会报错
  print("-----");

  num b = 11;
  print(b);
  b = 2.2;
  print(b);//num类型包含int和double，不会报错
  print("-----");

  double c = 1.5;
  print(c);
  c = 12;
  print(c);//不报错
  print("-----");

  print(a.isOdd);//判断a是否是奇数
  print(a.isEven);//判断a是否是偶数
  print("-----");

  //算数运算符 + - * / %(取模)  ~/(除以以后取整)
  c = 31;
  print(c~/a);
  print("-----");

  //数据类型转换
  c = 3.1;
  print(c.toInt());//double转int
  print(c.toInt().isOdd);
  print(a.toDouble());
}

控制台输出结果：

10
-----
11
2.2
-----
1.5
12
-----
false
true
-----
3
-----
3
true
10

2.2 字符串String

【Tips】折叠代码段快捷键：command 加上 ‘+’ or '-'

void stringDemo() {
  //Dart中字符串分 单引号 和 双引号，效果是一样的
  var aa = 'hello';
  var bb = "world";
  print(aa + bb);

  //也可以创建String类型变量
  String str = 'Mcl';
  String str1 = 'Mcl' 'hello' 'world';//会自动拼接
  String str2 = 'Mcl\n' 'hello\n' 'world';//会自动拼接，但是换行了
  String str3 = '''Tom  Jerry
  Mark
  Lee
  Lucy''';//3引号字符串，会保留引号间的格式，如空格，回车等
  print(str);
  print(str1);
  print(str2);
  print(str3);

  //取字符串其中的某个字符
  print(str[0]);
  print(str[1]);
  //拼接
  print(str + '!!!');
  //多次重复输出同一字符串
  print(str * 3);//这也太方便了吧哇哈哈
  //带参数输出
  int a = 1;
  int b = 2;
  int c = a + b;
  print('a + b = ${a + b}');//这里注意 ${} 应放到引号内！
  print('a + b = $c');//如果没有表达式只有一个参数则不需要花括号{}

  //转义
  String str4 = 'Tom\nJerry';
  String str5 = r'Tom\nJerry';//引号前加个小写的r
  print(str4);
  print(str5);
  print(str4.length);//回车算一个字符
  print(str5.length);//\n是2个字符，所以比str4长了1
}

 控制台输出结果：

helloworld
Mcl
Mclhelloworld
Mcl
hello
world
Tom  Jerry
  Mark
  Lee
  Lucy
M
c
Mcl!!!
MclMclMcl
a + b = 3
a + b = 3
Tom
Jerry
Tom\nJerry
9
10

2.3 数组List

void listDemo() {
  //Dart中list数组也分两种，可变和不可变
  var list1 = [1,2,3];//可变
  var list2 = const [1,2,3];//元素不可变
  print(list1);
  print(list2);

  //获取list其中某个元素并更改
  print(list1[2]);
  list1[2] = 33;
  print(list1[2]);

  // print(list2[2]);
  // list2[2] = 33;//这里就报错了，因为const修饰，不可修改
  // print(list2[2]);

  //在可变数组中添加元素
  list1.add(5);
  print(list1);
  //指定位置插入元素
  list1.insert(3, 4);
  print(list1);
  //删除某个元素
  list1.remove(33);//这里参数让写object类型，但是写整形也不会报错
  // list1.removeAt(0);//还有其他方法比如删除末位的，删除某个index区间的
  print(list1);
  //清空
  list1.clear();
  print(list1);

  //数组排序
  var list3 = [1, 3, 99, 201, 5, 2, 9, 4, 7];
  print(list3.sublist(2, 7));//输出未排序list3从下标为2开始(包含2的) 到下标为7的值(不包含7的)
  list3.sort();
  print(list3);
  //指定区间内排序并输出
  print(list3.sublist(2, 7));//输出排序后list3从下标为2开始(包含2的) 到下标为7的值(不包含7的)
}

 控制台打印结果：

[1, 2, 3]
[1, 2, 3]
3
33
[1, 2, 33, 5]
[1, 2, 33, 4, 5]
[1, 2, 4, 5]
[]
[99, 201, 5, 2, 9]
[1, 2, 3, 4, 5, 7, 9, 99, 201]
[3, 4, 5, 7, 9]

 2.4 Map（类似OC字典）

void mapDemo() {
  //map是指键值对 分可变和不可变 类似OC中的字典
  var map1 = {'one': 'Tom', 'two': 'Jerry'};
  print(map1);
  map1['two'] = 'Lucy';
  print(map1);
  //不可变的
  var map2 = const {'one': 'Tom1', 'two': 'Jerry1'};
  print(map2);
  // map2['two'] = 'Lucy';//这里会报错，const修饰的map不可修改
  // print(map2);

  //常用方法
  print(map1.length);
  print(map1.values);
  print(map1.keys);

  //map与list的关联
  var list1 = ['Tom', 'Jerry', "Mark"];
  print(list1.asMap());//这里将list转成了map格式，list元素成了map的values，keys则是下标0，1，2
}

控制台输出结果

{one: Tom, two: Jerry}
{one: Tom, two: Lucy}
{one: Tom1, two: Jerry1}
2
(Tom, Lucy)
(one, two)
{0: Tom, 1: Jerry, 2: Mark}

3.Dart特有运算符

??=   和  ??

//操作符
void operatorDemo() {
  //??=  如果左侧为nil则赋值，如果左侧有值则返回左侧值
  var a;
  a ??= 6;
  a ??= 7;
  print(a);//输出6 只赋值一次非空

  //??  如果左侧有值则返回左侧值，如果左侧为空，则返回右侧值
  var b;
  print(b ?? a);//b为空，输出a的值6
  b = 8;
  print(b ?? a);//b不为空，输出b的值8

  //二者都是判断左侧是否为空，非空则取之，空则取右侧值，不过??=涉及到赋值，而??则没有
}

控制台输出结果：

6
6
8

4.方法

4.1 方法&箭头函数

void main() {
  functionDemo();
  functionDemo1();
}
//箭头函数
void functionDemo() {
  /*方法
  * 方法也是一个对象
  * 返回值和参数类型可以省略
  * 当方法执行语句只有一句的时候，可以使用箭头函数 => 表达式，而省略花括号
  * */
  print('hello');
  print(sum(10, 20));
}
void functionDemo1() => print('world');//箭头函数
//正常c函数
int sum (int a, int b) {
  return a + b;
}
//改用箭头函数后 返回值int,参数类型int,以及'return'都可以省略,甚至可以使用三目运算符?:
sum1 (a, b) => a + b;

控制台输出结果：

hello
30
world

4.2 方法&可选参数

/*sum3()中 b和c是可选参数，调用sum3时可以不用填写，
* 并且赋值b和c时可以不考虑顺序，但是必须填写参数名
* b和c的参数类型var可以不写
* */
sum3 (int a, {var b, var c}) {
  b ??= 0;//nil则赋值为0
  c ??= 0;
  return a + b + c;
}
/*sum4()中 b和c也是可选参数，但是赋值b和c时因为是小括号，
* 所以要考虑顺序，但不必填写参数名
* 而b & c如果设定了int类型而不初始化赋值则会报错
* */
sum4 (int a, [int b = 0, int c = 0]) {
  return a + b + c;
}
//如果sum4中b不初始化，可以在int后＋问号?，并且在方法中赋值，则不会报错
//int? 称为nullability，告诉编译器进行了后边为空的处理
//这里sum5等同于sum4
sum5 (int a, [int? b, int? c]) {
  b ??= 0;
  c ??= 0;
  return a + b + c;
}

functionDemo2 () {
  sum3(10, c:5, b:4);//输出19
  sum3(10);//输出10

  sum4(10, 4, 5);//输出19
  sum4(10, 4);//输出14 可选不赋值c
  sum5(10, 4, 6);//输出20
  sum5(10, 4);//输出14 可选不赋值c
}

控制台输出functionDemo2()结果：

19
10
19
14
20
14

4.3 方法&方法作为参数传递

void main() {
  functionDemo3();
}
printHello() {
  print('hello');
}
//方法名可以作为参数传递 赋值
void functionDemo3() {
  var hello = printHello;//方法名赋值
  hello();

  var list = [1, 2, 3, 4];

  list.forEach(print);
  //看下forEach的源码
  // void forEach(void f(E element)) {
  //   for (E element in this) f(element);
  // }
  //forEach里的 f == print 这就是参数传递 E是指list
  //那么list.forEach(print)就相当于打印list里的每个元素

  list.forEach(myPrint);

  myForEach(list, print);
  //其实感觉上像是OC里的回调或者block，这边调用一个print or myPrint；
  //那边就执行了myPrint里的具体内容，更像是一个block。
}
//仿写一个list.forEach(print)?
int b = 0;
void myPrint(var a) {
  b++;
  print('元素$b = $a');
  //a就是list里的每个element  myPrint相当于forEach里的f
}

//我们自己写一个forEach怎么写呢？
void myForEach(List list, void func(var element)) {
  for(var e in list) func(e);//为list中的每个值都执行func方法
}

控制台输出结果：

hello
1
2
3
4
元素1 = 1
元素2 = 2
元素3 = 3
元素4 = 4
1
2
3
4

5.匿名函数

void main() {
  functionDemo4();
}
//1.匿名方法：没有方法名的方法
void functionDemo4() {
  //这样写的话，匿名方法无法单独存在，必须赋值给其他变量才能调用
  var func = () {
    print('我是匿名方法');
  };
  func();

  //2.立即执行函数
  (() {
    print('立即执行函数');
  }) ();//前边用小括号包起来,相当于这样()();
  //前一个括号里是匿名函数，后一个括号是方法中包含的0个参数

  //3.匿名方法实例：像刚才我们的 list.forEach(myPrint);
  var list = [1, 2, 3, 4];
  //就可以写成
  int b = 0;
  list.forEach((var a) {
    b++;
    print('元素$b = $a');
  });//forEach里的就是一个匿名函数，这就更像block了。
}

输出结果：

我是匿名方法
立即执行函数
元素1 = 1
元素2 = 2
元素3 = 3
元素4 = 4

6.闭包

void main() {
  closureDemo();//闭包 closure
}
// ---------
//闭包：定义在函数里面的函数，闭包也是一个对象。
//作用：可以访问外部函数的局部变量。
void closureDemo() {
  var func = funcA();
  func();
  func();
  func();
  func();/*4次调用按理说每次调用都会打印0，但结果是0，1，2，3
  *因为func是一个闭包，会一直持有funcA，count不会释放
  */

  var func2 = funcA();
  func2();
  func2();
  func2();
  func2();/*重新赋值以后count就又从0开始了
  *因为func2是一个新的闭包
  */
}
funcA () {
  int count = 0;
  return () => print(count++);//返回一个匿名函数
}

输出结果：

0
1
2
3
0
1
2
3

总结：

至此，关于Dart的基础语法就简单介绍到这里~只是很基础的了解了下，其中还有很多额外的用法，我们以后再探索~