基础语法

Dart

0. Flutter是什么？

Flutter是Google一个新的用于构建跨平台的手机App的SDK（Software Development Kit）。写一份代码，在Android 和iOS平台上都可以运行。

1. 跟React Native、Weex等有什么不同？

React Native、Weex等一直存在一个问题，就是性能跟原生App存在很大的差异。这跟它们的原理有很大的关系，下面从原生App，RN、Weex，Flutter的简单原理说一下它们的不同。

原生App
苹果2008年发布iOS，Google 2009年发布Android，它们的SDK是基于两种不同的编程语言Objective-C 和 Java。现在又有了Swift和Kotlin。

image.png

上面是原生App的一个简单架构，开发人员直接调用平台SDK进行UI开发。由于语言及SDK的不同，所以开发人员必须为两个平台分别开发App。

WebViews
最早的跨平台方案是基于JavaScript 和 WebView的，像PhoneGap、Cordova、Ionic等。

image.png

UI通过WebView来显示html代码，系统服务则通过一个中间层桥接到JavaScript中去。

React Native
RN不仅桥接系统服务，也将系统UI也桥接到了JavaScript中，这样写出来的UI最终也会渲染成原生的控件。

image.png

如上图这样，UI的渲染是很频繁的，要使UI不卡顿，必须达到60Fps。但是桥接会花一定的时间。所以这样的架构有时候会有性能问题。

Flutter,
Flutter使用Dart语言开发，Dart可以被编译（AOT:ahead of time）成不同平台的机器代码，让Flutter可以直接和平台通讯而不需要一个中间的桥接过程，从而提高了性能。
javascript(JIT:just in time)

image.png

1. 重要概念

学习Dart之前，先要了解以下Dart相关的概念：

能够放在变量中的所有内容都是对象，每个对象都是一个类的实例。甚至于数字、函数和null值都是对象，并且所有对象都继承自Object类。

Dart是强类型语言，但类型标识是可选的，因为Dart可以推断类型。如果要明确说明不需要任何类型，可以使用特殊类型dynamic标识。

Dart支持泛型，如List（任何类型的对象列表）

Dart支持顶级函数（例如main函数），以及绑定到类或对象的函数（分别是静态方法和实例方法）。函数内部也可以创建函数（嵌套函数或本地函数）

Dart支持顶级变量，以及绑定到类或对象的变量（分别是静态变量和实例变量）。

与Java不同，Dart没有关键字public、protected和private。如想设置私有变量或函数，则变量和函数名以下划线（_）开头。

Dart有两个表达式（具有运行时值）和语句（不具有）。例如，条件表达式条件？ expr1：expr2的值为expr1或expr2。将其与if-else语句进行比较，该语句没有任何值。语句通常包含一个或多个表达式，但表达式不能直接包含语句。

Dart工具可以报告两种问题：警告和错误。警告只是表明您的代码可能无法正常工作，但它们不会阻止您的程序执行。错误可以是编译时或运行时。编译时错误会阻止代码执行; 运行时错误导致代码执行时引发异常。

2. 基础数据类型

1. 变量的定义

可以使用var来定义变量，变量的类型可以使用变量值推断出来，也可以使用特定类型来定义变量

// var/dynamic/const/final 变量名称 = 赋值;
var name = "hi"; //String类型
var age = 18; //int类型
var high = 1.70; //double类型

// 变量类型 变量名称 = 赋值;
String name = "hi"; // String类型
int age = 18; // int类型

如上变量定义后其类型已经确定，不可再将其他类型的值赋给变量

var name = "3"; //String类型
name = 3; //此处编译器会报错，name被定义赋值之后已经是一个String类型，不可再赋值int类型值

如果变量不限于单个类型，则可以使用dynamic或Object来定义变量

dynamic value = 18;
print("value = $value");
value = "bruce";
print("value = $value");
value = 3.5;
print("value = $value");
  
Object val = 18;
print("val = $val");
val = "bruce";
print("val = $val");
val = 3.5;
print("val = $val");

输出结果：

1573357969841.png

final 和 const

final和const都是用作定义常量的，也就是说定义后不能修改

final name = '张三';
name = '李四'; // 提示错误

const age = 12;
age = 13; // 提示错误

那么final和const有什么区别呢？

const在赋值时，赋值内容必须是编译期间就能确定下来的
final是可以动态获取的，比如赋值一个函数

void main() {
  int a = 1;
  int b = 2;
  // a = 3; // a可以重新赋值
  final c1 = a * b;
  const c2 = a * b; // 提示错误，因为a和b并不是使用const定义的
  final t1 = test();
  const t2 = test(); // 提示错误
}

// 定义test函数
void test() {
  print('test 方法');
}

注意：

如果一个变量没有初始化值，那么它的默认值为null

[图片上传失败...(image-6c6ff1-1620375731599)]

2. 内置类型

Numbers（数值）: 包含int和double两种类型，没有像Java中的float类型，int和double都是num的子类型。

Strings（字符串）: 可以使用单引号或者双引号来创建字符串。

Booleans（布尔值）：Dart有一个名为bool的类型，只有两个对象具有bool类型：true和false，他们都是编译时常量。

List（列表）: 在 Dart 中数组就是 List 对象。

Map（键值对象）：Map 是一个键值对相关的对象。

Runes：runes 代表字符串的 UTF-32 code points。

Symbols：一个 Symbol object 代表 Dart 程序中声明的操作符或者标识符。

3. 数字类型

对于数字类型，只需要知道整数用int，浮点数用double

// 1. 整数类型int
int age = 18;
double h = 1.77;
print('$age , $h');

// 输出结果
// 18 , 1.77

1. 转换类型

// 1. 字符串转换数字
var str = int.parse('123');
var str1 = double.parse('123.22');
print('$str, ${str.runtimeType}; $str1, ${str1.runtimeType}');


// 2. 数字转字符串
var str2 = 123.toString();
var str3 = 123.44.toString();
print('$str2, ${str2.runtimeType}; $str3, ${str3.runtimeType}');

2. 运算符

var num = 5;
print(num / 3); // 除法操作, 结果1.6666..
print(num ~/ 3); // 整除操作, 结果1;
print(num % 3); // 取模操作, 结果2;

4. 布尔类型

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

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

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

5. 字符串

您可以使用单引号或双引号创建一个字符串:

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


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

1. ??=赋值操作

Dart里面的??=赋值操作；

如果变量的值为null，则使用右侧的值进行赋值；
如果变量的值不为null，则保持原有的值，不会进行赋值操作；

void main() {
  var name1 = '张三';
  print(name1);
  // var name2 = '王五';
  var name2 = null;
  name2 ??= '李四';
  print(name2); 
}

2. ??条件运算符

expr1 ?? expr2

如果expr1是null,则返回expr2的值；
如果expr1不是null, 则使用expr1的值；

void main() {
  var name1 = '张三';
  var name2 = null;
  name2 = '李四' ?? name1;
  print(name2);
}

6. List、Set、Map

1. 定义

定义List:

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

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

定义Set:

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

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

Set 和 List最大的不同就是：Set是无序的，并且元素是不重复的

定义Map：

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

// 2.明确指定类型
Map<String, Object> map2 = {'height': 1.78, 'address': '广州市'};
print('$map2 ${map2.runtimeType}  ${map2.length}');

2. 操作

添加/删除/包含操作

  // 数组的添加、删除、包含操作
  var lists = ['a', 'b', 'c', 'd', 'a'];

  // 添加元素 
  lists.add('e');

  // 添加元素
  lists.addAll(['ddd', 'eee', 'aaa']);

  // 删除元素
  lists.remove('a');

  // 根据下标删除元素
  lists.removeAt(3);
  print('$lists ${lists.runtimeType} ${lists.length} ${lists.contains('aaa')}');

  // Set的添加、删除、包含操作
  var listsSet = {'a', 'b', 'c', 'ddd'};

  // 添加
  listsSet.add('e');

  // 添加
  listsSet.addAll({'ddd', 'eee', 'aaa'});

  // 删除元素
  listsSet.remove('ddd');
  print('$listsSet ${listsSet.runtimeType} ${listsSet.length} ${listsSet.contains('aaa')}');

   // Map的操作
  var map1 = {'name': '张三', 'age': 18};
  print('$map1 ${map1.runtimeType} ${map1.length}');
  // 根据key获取value
  print(map1['name']); // 张三

  // 获取所有的keys
  print('${map1.keys} ${map1.keys.runtimeType}');

  // 获取所有的values
  print('${map1.values} ${map1.values.runtimeType}');

  // 获取所有的values
  print('${map1.containsKey('age')} ${map1.containsValue(18)}');

  // 根据key删除元素
  map1.remove('age');
  print('${map1}');

7. 函数

Dart是一种真正的面向对象语言，所以即使函数也是对象，所有也有类型, 类型就是Function。这也就意味着函数可以作为变量定义或者作为其他函数的参数或者返回值。

定义：

/*
返回值 函数的名称(参数列表) {
  函数体
  return 返回值
}
*/
// 普通的函数定义
String getStr(String str) {
  return str;
}
// 箭头函数定义
String getStr(String str) => str;

1. 可选参数

命名可选参数

// 命名可选参数
void user(String name, {int age, String sex}){
  print('$name, $age, $sex');
}

void main() {
  user('张三'); // 张三, null, null
  user('张三', age: 12); // 张三, 12, null
  user('张三', sex: '男', age: 20); // 张三, 20, 男 
}

定义位置可选参数

void user(String name, [int age, String sex]){
  print('$name, $age, $sex');
}
void main() {
  user('张三'); // 张三, null, null
  user('张三', null, '男'); // 张三, null, 男
  user('张三', 12); // 张三, 12, null
}

注意：

将函数赋值给一个变量, 也可以将函数作为另外一个函数的参数或者返回值来使用

2. 作用域

dart中的词法有自己明确的作用域范围，它是根据代码的结构({})来决定作用域范围的；优先使用自己作用域中的变量，如果没有找到，则一层层向外查找。

var name = '3';
void main() {
  // var name = '2';
  void test() {
    // var name = '1';
    print(name);
  }
  test();
}

3. 词法闭包

闭包可以访问其词法范围内的变量，即使函数在其他地方被使用，也可以正常的访问。

void main() {
  test(int a) {
    return (int b) {
      return a + b;
    };
  }
  // print(test(3)(4));
  var test1 = test(3);
  print(test1(4));
  print(test1(7));
}

4. 返回值问题

所有函数都返回一个值。如果没有指定返回值，则语句返回null;隐式附加到函数体。

最后编辑于：2021.05.07 16:29:15

人面猴
序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
沈念sama阅读 216,240评论 6赞 498
死咒
序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
沈念sama阅读 92,328评论 3赞 392
救了他两次的神仙让他今天三更去死
文/潘晓璐我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
开封第一讲书人阅读 162,182评论 0赞 353
道士缉凶录：失踪的卖姜人
文/不坏的土叔我叫张陵，是天一观的道长。经常有香客问我，道长，这世上最难降的妖魔是什么？我笑而不...
开封第一讲书人阅读 58,121评论 1赞 292
港岛之恋（遗憾婚礼）
正文为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
茶点故事阅读 67,135评论 6赞 388
恶毒庶女顶嫁案：这布局不是一般人想出来的
文/花漫我一把揭开白布。她就那样静静地躺着，像睡着了一般。火红的嫁衣衬着肌肤如雪。梳的纹丝不乱的头发上，一...
开封第一讲书人阅读 51,093评论 1赞 295
城市分裂传说
那天，我揣着相机与录音，去河边找鬼。笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。我是一名探鬼主播，决...
沈念sama阅读 40,013评论 3赞 417
双鸳鸯连环套：你想象不到人心有多黑
文/苍兰香墨我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
开封第一讲书人阅读 38,854评论 0赞 273
万荣杀人案实录
序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
沈念sama阅读 45,295评论 1赞 310
护林员之死
正文独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋以下内容为张勋视角年9月15日...
茶点故事阅读 37,513评论 2赞 332
白月光启示录
正文我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
茶点故事阅读 39,678评论 1赞 348
活死人
序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
沈念sama阅读 35,398评论 5赞 343
日本核电站爆炸内幕
正文年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
茶点故事阅读 40,989评论 3赞 325
男人毒药：我在死后第九天来索命
文/蒙蒙一、第九天我趴在偏房一处隐蔽的房顶上张望。院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
开封第一讲书人阅读 31,636评论 0赞 22
一桩弑父案，背后竟有这般阴谋
文/苍兰香墨我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。一阵脚步声响...
开封第一讲书人阅读 32,801评论 1赞 268
情欲美人皮
我被黑心中介骗来泰国打工，没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。一个月前我还...
沈念sama阅读 47,657评论 2赞 368
代替公主和亲
正文我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
茶点故事阅读 44,558评论 2赞 352

基础语法

Dart

0. Flutter是什么？

1. 跟React Native、Weex等有什么不同？

1. 重要概念

2. 基础数据类型

1. 变量的定义

2. 内置类型

3. 数字类型

1. 转换类型

2. 运算符

4. 布尔类型

5. 字符串

1. ??=赋值操作

2. ??条件运算符

6. List、Set、Map

1. 定义

2. 操作

7. 函数

1. 可选参数

2. 作用域

3. 词法闭包

4. 返回值问题

推荐阅读更多精彩内容