Day02-Dart-基础语法一

一、Dart介绍 和 安装

  • 1.1. 认识Dart

    • Google为Flutter选择了Dart就已经是既定的事实，无论你多么想用你熟悉的语言，比如JavaScript、Java、Swift、C++等来开发Flutter，至少目前都是不可以的。
    • 在讲阐述Dart的过程中，我会假定你已经有一定的编程语言基础，比如JavaScript、Java、Python、C++等。
    • 其实如果你对编程语言足够的自信，Dart的学习过程甚至可以直接忽略：
      • 因为你学过N种编程语言之后，你会发现他们的差异是并不大；
      • 无非就是语法上的差异+某些语言有某些特性，而某些语言没有某些特性而已；
      • 在我初次接触Flutter的时候，并没有专门去看Dart的语法，而是对于某些语法不太熟练的时候回头去了解而已；
    • 所以，如果你对编程语言已经足够了解，可以跳过我们接下来的Dart学习：
      • 我也并不会所有特性都一一罗列，我会挑出比较重要的语言特性来专门讲解；
      • 某些特性可能会等到后面讲解Flutter的一些知识的时候单独拿出来讲解；

  • 1.2、安装Dart (这一步个人认为可以直接跳过，我们最直接在 1.3 的VSCode 里面安装 Dart 插件 就好)

    • 在安装Flutter SDK的时候，它已经内置了Dart了，我们完全可以直接使用Flutter去进行Dart的编写并且运行。但是，如果你想单独学习Dart，并且运行自己的Dart代码，最好去安装一个Dart SDK。
    • 下载 Dart SDK
    • 无论是什么操作系统，安装方式都是有两种：通过工具安装和直接下载SDK，配置环境变量
      • 1.通过工具安装，具体安装操作官网网站有详细的解释
        Windows可以通过Chocolatey
        macOS可以通过homebrew
      • 2.直接下载SDK，配置环境变量
        下载地址：https://dart.dev/tools/sdk/archive
        下载完成后，根据路径配置环境变量即可。

  • 1.3. VSCode 配置

    • 学习Dart过程中，我使用VSCode作为编辑器，优点如下
      • 一方面编写代码非常方便，而且界面风格我也很喜欢
      • 另一方面我可以快速在终端看到我编写代码的效果
    • 使用VSCode编写Dart需要安装Dart插件：我目前给这个VSCode装了四个插件

      • <1>、Dart和Flutter插件是为Flutter开发准备的

        Dart和Flutter插件

      • <2>、Atom One Dark Theme是我个人比较喜欢的一个主题

        Atom One Dark Theme是我个人比较喜欢的一个主题

      • <3>、Code Runner 可以点击右上角的按钮让我快速运行代码

        Code Runner

        Code Runner可以点击右上角的按钮让我快速运行代码

      • <4>、简体英文插件
        vs code中使用中文语言，可以在线下载语言包进行配置，(1)、下载语言包 插件 输入Chinese ，安装插件 Chinese (Simplified) Language Pack for Visual Studio Code，(2)、Ctrl +Shift +P 快捷键 输入 Configure Display Language，之后再点击zh-cn，设置为中文简体，然后重启
        配置本地语言 并点击



二、Hello Dart

  • 2.1、在VSCode中新建一个 helloWorld.dart 文件，添加下面的内容，鼠标右键：Run Code 运行代码

    main(List<String> args) {
    print("Hello word  flutter");
}

    提示：如果报错：Dart_LoadScriptFromKernel: The binary program does not contain 'main'.，解决办法：先保存(command+s)代码、 再运行就 OK

  • 2.2、代码对齐快捷键：Alt + Shift + F 对齐代码

  • 2.3、程序的分析

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

三、定义变量

  • 3.1、明确声明(Explicit)
    明确声明变量的方式, 格式如下:

    变量类型 变量名称 = 赋值;

    示例代码:

    String name = "IronMan";
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 变量名称 = 赋值;), 格式如下:

    var/dynamic/const/final 变量名称 = 赋值;

    • <1>、var 的使用

      var name = 'Tom';
name = 'LiLi';
print(name.runtimeType); // String

      提示：runtimeType 用于获取变量当前的类型

      • var 的错误用法: 不可以将 String 赋值给一个 int 类型

        var age = 18;
age = 'wc';

    • <2>、dynamic 的使用
      如果希望这样修改变量的类型，我们可以使用dynamic来声明变量，但是在开发中, 通常情况下不使用dynamic, 因为类型的变量会带来潜在的危险

      dynamic name = 'LiLi';
print(name.runtimeType); // String
name = 22;
print(name.runtimeType); // int

    • <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 {
     final String name;
   const Person(this.name);
}

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

   final m = Person("2");
   final n = Person("2");
   print(identical(m, n)); // false
}
        • 提示： identical(a, b)用来判断两个对象是否相等，在 Dart 2.0 之后 const 或者 new 可以省略

四、数据类型

  • 4.1. 数字类型
    对于数值来说，我们也不用关心它是否有符号，以及数据的宽度和精度等问题。只要记着 整数用 int，浮点数 用 double 就行了。不过，要说明一下的是Dart中的int和double可表示的范围并不是固定的，它取决于运行Dart的平台。

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

      // 字符串和数字转化
// 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

      提示：Dart 语言打印是: ${要打印的变量}，可以省略 {}，但是如果 {} 里面是表达式 就不能省略

  • 4.2、布尔类型 （Dart中不能判断非0即真, 或者非空即真）
    布尔类型中, Dart 提供了一个bool的类型, 取值为true 和 false

    main(List<String> args) {
  var isFlag = true;
  print("isFlag = ${isFlag} 类型 = ${isFlag.runtimeType}");
}

    打印结果：isFlag = true 类型 = bool

    注意: Dart中不能判断非0即真, 或者非空即真，即如下是错误的

    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 可以这样来定义，类似于 Swift 里面的数组

        // 1.使用类型推导定义
List names = ['小王', '小李'];
print("名字是：${names} 类型是：${names.runtimeType}");
打印结果是：名字是：[小王, 小李] 类型是：List<dynamic>

// 2.明确指定类型
List<int> ages = [20, 30];
print("年龄是：${ages} 类型是：${ages.runtimeType}");
打印结果是：年龄是：[20, 30] 类型是：List<int>

      • 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}');
// 打印结果：{name: why, age: 18} _InternalLinkedHashMap<String, Object>

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

    • 4.4.2. 集合的常见操作

      • 所有集合都支持的获取长度的属性 length

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

      • 添加、删除、包含 操作，并且，对List来说，由于元素是有序的，它还提供了一个删除指定索引位置上元素的方法

        ages.add(5);
numbersSet.add(5);
print('$numbers $numbersSet');

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

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

// List根据index删除元素
ages.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(int num1, int num2) {
   return num1 + num2;
}

    • 提示一：Effective Dart建议对公共的API, 使用类型注解, 但是如果我们省略掉了类型, 依然是可以正常工作的

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

    • 提示二：如果函数中只有一个表达式, 那么可以使用箭头语法(arrow syntax)，注意, 这里面只能是一个表达式, 不能是一个语句

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

  • 5.2、函数的参数问题：必须参数和可选参数

    • 必选参数：必须传

      void sayHello(String name) {
   print(name)
}
// 调用的时候必须传 name
sayHello('Hello Flutter')

      可选参数(dart中没有函数重载，也就是函数的名字不能重复) 只有可选参数才可以有默认值
      位置可选参数 [int age, double height]，实参和形参在进行匹配时，是根据位置的匹配，有顺序的

      void sayHello(String name, [int age = 2, double height = 3]) {
  print("名字：$name 年龄：$age 身高：$height");
}
// 调用
sayHello("小明");
sayHello("小明", 20);
sayHello("小明", 20, 189.00);

    • 命名可选参数: 可以没有顺序

      void sayHello(String name, {int age = 2, double height = 3}) {
   print("名字：$name 年龄：$age 身高：$height");
}
// 调用
sayHello("小红");
sayHello("小红", age: 20);
sayHello("小红", height: 1.89);
sayHello("小红", age: 20, height: 1.78);

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

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

  • 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) {
   test(() {
      print("匿名函数的打印");
   });
}

test(Function foo) {
   foo();
}
    • 提示：匿名函数作为参数传递
      匿名函数格式：(参数列表) {函数体};

    箭头函数：条件：函数体只有一个函数的参数

    test(() => print("箭头函数的打印"));

  • 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
}

    提示：makeAdder 是一个函数，返回的也是一个匿名函数，我们再调用和这个匿名函数

  • 5.7、返回值问题

    • 所有的函数都会有返回值。

    • 如果没有指定函数返回值，则默认的返回值是 null。

    • 如果没有返回值的函数，系统会在最后添加隐式的 return 语句。

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

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

推荐阅读更多精彩内容