Flutter学习-Dart语法
Posted GY-93
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Flutter学习-Dart语法相关的知识，希望对你有一定的参考价值。
1. VSCode配置
- 首先我们是使用
VSCode编辑器来学习Dart语言， 那么我们需要配置一下Dart环境，我们安装了几个插件：- Dart和Flutter插件是为Flutter开发准备的
- Code Runner可以点击右上角的按钮让我快速运行代码
2. Main函数
2.1 main函数
首先我们需要再VXCode中创建一个文件，取名01-hello_dart，然后添加如下内容
main(List<String> args) {
// list参数是接收在命令行输入的参数
print(args); //Dart语言中使用print函数来打印
}
使用终端运行打印参数结果如下：
2.2 Main函数分析
- Dart语言的入口也是main函数，并且必须显示的进行定义
- Dart的入口函数main是没有返回值的；
- 传递给main的命令行参数，是通过List完成的
- 从字面值就可以理解List是Dart中的集合类型
- 其中的每一个String都表示传递给main的一个参数；
- 定义字符串的时候，可以使用单引号或双引号；
- 每行语句必须使用分号结尾，很多语言并不需要分号，比如Swift、javascript；
3. 定义变量
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 类型推倒
声明格式：var/dynamic/const/final 变量名称 = 赋值;
3.2.1 var
- runtimeType用于获取变量当前的类型
var name = 'coderwhy';
name = 'kobe';
print(name.runtimeType); // String
- 这里可以dart是可以推导出name是
String类型的， 所以赋值其它类型的数据是不可以的，只能赋值String类型的数据
3.2.1 dynamic
- Dart中的
dynamic是一个明确类型，不属于类型推倒，声明的数据类型就是dynamic类型（相当于Any），在通常情况下不会使用dynamic，因为类型的变量会带来潜在的危险
dynamic name = 'coderwhy';
print(name.runtimeType); // String
name = 18;
print(name.runtimeType); // int
//如果int类型的数据调用String的方法，在编译期间不会报错，但是在运行期间就会Crach
3.2.2 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(); // 正确的做法
}
- const放在赋值语句的右边，可以共享对象，提高性能:
class Person {
const Person();
}
main(List<String> args) {
final a = const Person();
final b = const Person();
print(identical(a, b)); // true，
// 在Dart2.0之后, const可以省略
const p1 = const Person("why");
const p2 = const Person("why");
const p3 = const Person("lilei");
print(identical(p1, p2));//true
print(identical(p2, p3));//false
}
class Person {
final String name;
const Person(this.name);
//我们可以使用const来修饰，构造方法，通过传递的属性来控制是否创建同一个对象
}
- 在Dart2.0之后我们创建对象时候，可以省略
const或则new,实质上我们创建对象之前都是有new关键字的final m = new Person();也是可以创建对象的 identical()方法比较两个对象是否相等- const修改对象构造方法 常量构造器 可以共享对象
- 如果构造器使用const来修饰的话， 那么该类中的所有成员变量都需要使用final来修饰
- 根据属性来创建对象， 属性传递一样，生成的对象也一样，如果属性传递的值不一样那么生成的对象也不一样， 这个是Dart底层给我们做的优化,但是严格意义上来讲并不是单利
4 .数据类型
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";
// 可以使用三个单引号或者双引号表示多行字符串:
// 2.表示多行字符串的方式
var message1 = '''
哈哈哈
呵呵呵
嘿嘿嘿''';
- 字符串和其他变量或表达式拼接: 使用${expression}, 如果表达式是一个标识符, 那么{}可以省略
// 2.字符串和表达式进行拼接
var name = "why";
var age = 19;
var height = 1.88;
// 强调: ${变量}, 那么{}可以省略
var message1 = "my name is $name, age is $age, height is $height";
var message2 = "name is $name, type is ${name.runtimeType}";//如果是表达式{}则不能省略
print(message1);
print(message2);
5. 集合类型
- 对于集合类型，Dart则内置了最常用的三种：
List / Set / Map。
5.1 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}');
- map中的key是可哈希的
5.2 集合的常规操作
5.3.1 所有集合都支持的获取长度的属性length
// 获取集合的长度
print(letters.length);
print(lettersSet.length);
print(infoMap1.length);
5.3.2 添加/删除/包含
- 对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');
5.3.3 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}
6. 函数
6.1 函数定义
dart中是没有函数的重载的，所以不存在函数名相同，但是参数不同的方法- Dart是一种真正的面向对象语言，所以即使函数也是对象，所有也有类型, 类型就是Function，这也就意味着函数可以作为变量定义或者作为其他函数的参数或者返回值.
- 函数的定义方式：
返回值 函数的名称(参数列表) {
函数体
return 返回值
}
int sum(num num1, num num2) {
return num1 + num2;
}
sum(num1, num2) {
return num1 + num2;
}
//Effective Dart建议对公共的API, 使用类型注解, 但是如果我们省略掉了类型, 依然是可以正常工作的
//但是通常我们不推荐省略函数的返回值类型， 因为这样会导致代码的可读性变差
//另外如果函数体只有一个表达式语句，我们可以使用箭头语法（注意这里只能是一个表达式，不能是一个语句）
sum(num1, num2) => num1 + num2;
6.2 函数的参数
- 函数的参数可以分成两类: 必须参数和可选参数， 前面使用的参数都是必须参数.
6.2.1 可选参数-命名可选参数
- 命名可选参数:
{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
- 命名可选参数, 可以指定某个参数是必传的
- Dart2.10中@required替换成了required 来标记可选参数
- 如果可选参数没有设置必选标记的话， 那么必须使用？标记,不然会报错
Error: The parameter 'age' can't have a value of 'null' because of its type 'String', but the implicit default value is 'null'.
// 命名可选参数的必须
void printInfo3(String name,
{int? age, double? height, required String address}) {
print('name=$name age=$age height=$height address=$address');
}
//会报错
void printInfo4(String name, {String age, String, height}) {
print("可选参数方法");
}
6.2.2 可选参数-位置可选参数
- 位置可选参数:
[param1, param2, ...] - 位置可选参数中，实参和形参在进行匹配时，是根据位置的匹配
// 定义位置可选参数
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
6.3 参数默认值
- 参数可以有默认值, 在不传入的情况下, 使用默认值
注意:只有可选参数才可以有默认值, 必须参数不能有默认值- Dart中的main函数就是一个接受可选的列表参数作为参数的, 所以在使用main函数时, 我们可以传入参数, 也可以不传入
printInfo5(String name, {int age = 18, double height = 1.88}) {
print('name=$name age=$age height=$height');
}
6.4 函数一等公民
- 在很多语言中, 函数并不能作为一等公民来使用, 比如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;
}
- 函数作为参数的拓展：
// 封装test函数, 要求: 传入一个函数
// void test(Function foo) {
// foo("why");
// }
//使用typedef来顶一个类型
typedef Calculate = int Function(int num1, int num2);
//这样写是的代码可读性变差
// void test(int foo(int num1, int num2)) {
// foo(20, 30);
// }
void test(Calculate calc) {
calc(20, 30);
}
6.5 匿名函数
- 大部分我们定义的函数都会有自己的名字， 比如前面定义的foo、test函数等等。
- 但是某些情况下，给函数命名太麻烦了，我们可以使用没有名字的函数，这种函数可以被称之为匿名函数( anonymous function)，也可以叫lambda或者closure
- 匿名函数格式：
(参数列表) {函数体};
test(() {
print("匿名函数被调用");
return 10;
});
6.6 词法作用域
- dart中的词法有自己明确的作用域范围，它是根据代码的结构({})来决定作用域范围的
优先使用自己作用域中的变量，如果没有找到，则一层层向外查找。 就近原则
var name = 'global';
main(List<String> args) {
// var name = 'main';
void foo() {
// var name = 'foo';
print(name);
}
foo();
}
7. 运算符
7.1 除法、整除、取模运算
var num = 7;
print(num / 3); // 除法操作, 结果2.3333..
print(num ~/ 3); // 整除操作, 结果2;
print(num % 3); // 取模操作, 结果1;
7.2 ??=赋值操作和条件运算符
- dart有一个很多语言都不具备的赋值运算符：
- 当变量为null时，使用后面的内容进行赋值。
- 当变量有值时，使用自己原来的值
main(List<String> args) {
// 1.??=
// 当原来的变量有值时, 那么??=不执行
// 原来的变量为null, 那么将值赋值给这个变量
// var name = null;
// name ??= "lilei";
// print(name);
// ??
// ??前面的数据有值, 那么就使用??前面的数据
// ??前面的数据为null, 那么就使用后面的值
var name = null;
var temp = name ?? "lilei";
print(temp);
}
7.3 级联语法
- 某些时候，我们希望对一个对象进行连续的操作，这个时候可以使用级联语法，有点类似链式调用
class Person {
String name;
void run() {
print("${name} is running");
}
void eat() {
print("${name} is eating");
}
void swim() {
print("${name} is swimming");
}
}
main(List<String> args) {
final p1 = Person();
p1.name = 'why';
p1.run();
p1.eat();
p1.swim();
final p2 = Person()
..name = "why"
..run()
..eat(以上是关于Flutter学习-Dart语法的主要内容，如果未能解决你的问题，请参考以下文章
flutter解决 dart:html 只支持 flutter_web 其他平台编译报错 Avoid using web-only libraries outside Flutter web(代码片段