前言：
筆者最近看了Flutter相關(guān)的內(nèi)容，而Flutter的基礎(chǔ)庫是由Dart編寫的，所以筆者學(xué)習(xí)了關(guān)于Dart的部分內(nèi)容，整理了幾篇關(guān)于Dart基礎(chǔ)的文章。
Flutter 、Dart簡介
Flutter is Google’s portable UI toolkit for building beautiful, natively-compiled applications for mobile, web, and desktopfrom a single codebase. （引自Flutter.dev）
Flutter 是谷歌的便攜式UI工具包，可以使用一套代碼庫，來創(chuàng)建漂亮的本地編譯的移動端（iOS、Android）應(yīng)用，web（瀏覽器中的頁面）、桌面（Mac、Windows、Linux）應(yīng)用。
Flutter 當(dāng)前最新穩(wěn)定版本是1.5。
Dart（[KK] 英語發(fā)音：/dɑrt/, [DJ] 英語發(fā)音：/dɑ:t/）是一種適用于萬維網(wǎng)的開放源代碼編程語言，由Google主導(dǎo)開發(fā)，于2011年10月公開。它的開發(fā)團(tuán)隊由Google Chrome瀏覽器V8引擎團(tuán)隊的領(lǐng)導(dǎo)者拉爾斯·巴克主持，目標(biāo)在于成為下一代結(jié)構(gòu)化Web開發(fā)語言。
類似JavaScript，Dart也是一種面向?qū)ο笳Z言，但是它采用基于類編程。它只允許單一繼承，語法風(fēng)格接近C語言。
Dart is a client-optimized language for fast apps on any platform
Dart是客戶端的優(yōu)化過的語言，可用于在任何平臺（包括移動端（iOS、Android）、Web頁面、桌面（Mac、Windows、Linux）應(yīng)用），來創(chuàng)建運行流暢的應(yīng)用。
當(dāng)前Dart最新版本是2.4.0，2019-06-27 Dart開發(fā)團(tuán)隊發(fā)布2.4.0版本Dart。 Dart change log
下邊，我們聊一下，關(guān)于Dart安裝，及查看代碼運行效果的內(nèi)容
安裝Dart
Dart 安裝方式可查看：http://dart.goodev.org/install
在 Mac 安裝 Dart 可查看 ： http://dart.goodev.org/install/mac
在線演示Dart運行效果
DartPad：Dart 在線演示：https://dartpad.dartlang.org
DartPad, an open-source tool, allows you to play with the Dart language features in any modern browser.
DartPad 是一個開源工具，我們可以在現(xiàn)代瀏覽器中使用DartPad來演示Dart語言特性。
筆者的理解就是，我們可以用DartPad在線查看Dart編程效果。
下邊我們聊一下，Dart的基礎(chǔ)語法相關(guān)的內(nèi)容。
Dart導(dǎo)入頭文件（資源庫）的方式
// dart:io 為非Web應(yīng)用提供文件，Socket,HTTP，和其他IO支持。
import 'dart:io';
// 導(dǎo)入Android設(shè)計風(fēng)格的material庫
import 'package:flutter/material.dart';
// 導(dǎo)入iOS 的設(shè)計風(fēng)格cupertino庫
import 'package:flutter/cupertino.dart';
// 只導(dǎo)入material庫中的AppBar
import 'package:flutter/material.dart' show AppBar;
// 導(dǎo)入除了material庫中 除BottomNavigationBar之外 的內(nèi)容
import 'package:flutter/material.dart' hide BottomNavigationBar;
Dart基本語法
-
1. 輸出語句
一般我們開始學(xué)習(xí)某門語言的時候都會先輸出，Hello World！或者是Hello 語言名。
Dart的輸出語句和Swift一樣，都是print。Dart的語句需要使用分號結(jié)尾。
main(){
print('Hello World!');
print('Hello Dart!');
}
// 輸出結(jié)果：
/**
Hello World!
Hello Dart!
*/
- 2. 變量
定義變量使用 關(guān)鍵字var;
如定義變量名為name，值為QiShare的變量。
var name = 'QiShare';
print(name);
// 輸出結(jié)果：
// QiShare
Dart變量默認(rèn)值為null
int fansCount;
// String fansCount;
if (fansCount == null) {
print('null');
} else {
print('not null fansCount ${fansCount}');
}
// 輸出結(jié)果：
/**
null
*/
輸出變量，需要拼接字符串和變量一起輸出的情況下，所有的內(nèi)容都使用''包起來
${變量} 可以用于訪問相應(yīng)的變量的值。
取變量值是否使用{} 分情況：
1.直接訪問實例的情況 直接使用 $實例 即可；
2.訪問實例的成員變量的情況 需要使用 ${實例.變量} ；
3.只是單純輸出實例或者是實例的成員變量的情況，不需要使用$。
3. 字符串
字符串拼接及多行字符串
// 字符串拼接
var name = 'QiShare' + 'QiShare';
print(name);
// 輸出結(jié)果：
// QiShareQiShare
// 多行字符串
var name = '''
QiShare
QiShare
QiShare
''';
print(name);
// 輸出結(jié)果：
/**
QiShare
QiShare
QiShare
*/
關(guān)于變量是否對外可訪問，在iOS Objective-C里邊，如果我們想類文件A的某個變量對外可見，可以在類A.h文件里邊把變量聲明為屬性。然后只要引用了A.h的類，就能夠訪問A.h中聲明的屬性。
在Dart中，如果要指定某個變量對外可訪問，可以在類文件的頂部聲明變量。
如果想要指定某個類的實例變量對外可訪問，直接寫在類聲明的內(nèi)部即可。并且變量不要使用下劃線開頭。
對于私有的變量，或者方法，使用下劃線 “_” 在變量、方法前，則該變量、方法將分別為私有變量、私有方法。
對于其他的多個常量，整個項目中使用的情況，可以單獨創(chuàng)建一個類文件用于存放公共的常量。
4. 變量類型檢查及值檢查
開發(fā)過程中，在對服務(wù)端下發(fā)的數(shù)據(jù)，進(jìn)行處理的時候，有時需要進(jìn)行變量類型判斷，值的檢測?？梢詤⒖既缦碌?種檢測方式。
一個是變量類型檢查，使用runtimeType或者使用關(guān)鍵字is進(jìn)行類型檢測；
另一個是變量的值的檢查。
變量類型檢查
// runtimeType是用于查看變量類型的。
// 可以使用runtimeType或is查看變量是什么類型
String QiShare = 'QiShare';
if (QiShare.runtimeType == String) {
print(QiShare);
print('name:${QiShare}');
}
/**
QiShare
name:QiShare
*/
// 使用is 查看變量的類型
String QiShare = 'QiShare';
if (QiShare is String) {
print('是String類型 ：');
print(QiShare);
} else {
print('非String類型');
}
/* 輸出結(jié)果：
是String類型 ： QiShare
*/
變量的值的檢查。
// Check for an empty string.
var fullName = '';
if (fullName.isEmpty) {
print('空字符串');
}
// Check for zero.
var hitPoints = 0;
assert(hitPoints <= 0);
if(hitPoints <= 0) {
print('hitPoints小于等于0');
}
// Check for null.
var unicorn;
if (unicorn == null) {
print(null);
}
// Check for NaN. The global NaN property is a value representing Not-A-Number.
var iMeantToDoThis = 0 / 0;
if (iMeantToDoThis.isNaN) {
print('Not a number');
}
-
5. 類型推導(dǎo)
使用var 聲明的變量，通過輸出變量的runtimeType，可以發(fā)現(xiàn)變量的類型可以通過賦給變量的值，自動進(jìn)行類型推導(dǎo)。
var name = 'QiShare';
if (name == null) {
print('null');
} else {
print(name);
print(name.runtimeType);
}
/**
QiShare
String
*/
var name = 10.0;
if (name == null) {
print('null');
} else {
print(name);
print(name.runtimeType);
}
name = 10.1;
if (name == null) {
print('null');
} else {
print(name);
print(name.runtimeType);
}
/**
10
int
10.1
double
*/
/*
上邊的例子很有意思，推導(dǎo)出的10.0的類型為int;
推導(dǎo)出的10.1的類型為double。
筆者認(rèn)為是編譯器做了優(yōu)化，具體怎么做的，筆者尚不清楚。
*/
當(dāng)然除了類型推導(dǎo)知道變量的類型外，對于我們自己聲明的變量，在已經(jīng)確定變量類型的情況下，直接直觀地聲明變量類型即可。
那么對于var 這種變量的使用場景，筆者想到的有如下2種情況。
1.接收服務(wù)端返回數(shù)據(jù)的時候，避免返回的數(shù)據(jù)類型和預(yù)期的有差異的情況，可以使用var 變量接收，然后通過類型檢測后，再進(jìn)一步進(jìn)行數(shù)據(jù)地處理；
2.對于某些函數(shù)接收的參數(shù)可能是多種類型的情況下，使用var 來修飾參數(shù)類型。
- 6. Final and const
final 聲明的變量只能賦值一次
final name = 'QiShare';
// name = 'QiShareQiShare';
// 報錯：
const 是編譯時常量
const name = 'QiShare'
final 或const修飾的變量只能賦值一次；
const 變量是編譯時常量，在編譯的時候，我們就已經(jīng)知道了const 變量的值。
頂級的final 變量或類中的final變量在第一次使用的時候初始化。
這里舉一個類中final變量初始化的例子：
class QiShareMember {
final String memberID;
final String memberName;
QiShareMember(this.memberID, this.memberName);
}
// QiShareMember初始化實例
QiShareMember member = QiShareMember('id', 'name');
- 7. List和Map
var list = ['a', 'b', 1];
// 遍歷list
list.forEach( (object){
print('類型 ${object.runtimeType}');
print('值${object}');
}
);
// list 中的數(shù)據(jù)
print(list.length);
/**
CONSOLE
類型 String
值a
類型 String
值b
類型 int
值1
*/
void main() {
var gifts = {
// Keys Values
'first' : 'partridge',
'second': 'turtledoves',
'fifth' : 'golden rings'
};
print(gifts);
// 獲取Map中的鍵值對數(shù)目
print(gifts.length);
// 遍歷字典
gifts.forEach(
(key, value){
print('key:${key}');
print('value:${value}');
}
);
/**
CONSOLE
{first: partridge, second: turtledoves, fifth: golden rings}
key:first
value:partridge
key:second
value:turtledoves
key:fifth
value:golden rings
*/
List相當(dāng)于是Swift的數(shù)組；List的使用場景有：用于放置UI層面的列表數(shù)據(jù)寬泛內(nèi)容；
Map相當(dāng)于Swift的字典；Map的使用場景有：用于放置UI層面的列表數(shù)據(jù)中更具體內(nèi)容；
舉個例子：
比如說 如下的數(shù)據(jù)，根據(jù)List中的字典的個數(shù)可以確定，UI層面上，需要展示5個人的信息；
進(jìn)一步根據(jù)List中，每一個字典中的name，和avatarUrl 可以確定更加細(xì)致的UI層面，每個人的個人信息的名字（name的值）和頭像（avatarUrl 對應(yīng)的圖片）應(yīng)該顯示什么。
[
{'name':'QiShare1',
'avatarUrl':'https://www.so.com....jpg'
},
{
'name':'QiShare2',
'avatarUrl':'https://www.so.com....jpg'
},
{
'name':'QiShare3',
'avatarUrl':'https://www.so.com....jpg'
},
{
'name':'QiShare4',
'avatarUrl':'https://www.so.com....jpg'
},
{
'name':'QiShare5',
'avatarUrl':'https://www.so.com....jpg'
}
];
- 8. 數(shù)據(jù)類型轉(zhuǎn)換
下邊是字符串和整數(shù)，浮點數(shù)之間的類型轉(zhuǎn)換。
// String -> int String 類型轉(zhuǎn)換為int 類型
var one = int.parse('1');
print(one.runtimeType);
// String -> double String 類型轉(zhuǎn)為double類型
var onePointOne = double.parse('1.1');
print(onePointOne.runtimeType);
// int -> String int 類型轉(zhuǎn)換為String
String oneAsString = 1.toString();
print(oneAsString.runtimeType);
// double -> String double類型轉(zhuǎn)換為String類型
String piAsString = 3.14159.toStringAsFixed(2);
print(piAsString.runtimeType);
/**
int
double
String
String
*/
// List類型轉(zhuǎn)換 把子類型為dynamic的List轉(zhuǎn)換為更為具體的子類型為String的List
List<dynamic> dynmicList = ['QiShare', 'QiShare'];
print(dynmicList.runtimeType);
List<String>strList = List<String>.from(dynmicList);
print(strList);
print(strList.runtimeType);
/**
JSArray
[1, 2]
JSArray<String>
*/
- 9.方法
下邊筆者舉了一個說出QiShare 年齡的方法。
int qiAgeNum = qiAgeNumber();
qiSay('${words()} ${qiAgeNum}');
// 返回值為String類型，參數(shù)為空，名為words方法。
String words(){
return 'QiShare Age:';
}
// 返回值為空類型，參數(shù)為String，名為qiSay的方法。
void qiSay(String words) {
print(words);
}
// 返回值為空，參數(shù)為空的，名為qiSay方法。
void qiAge() {
print(qiAgeNumber());
}
// 返回值為int，參數(shù)為空，名為qiAgeNumber 的方法。
int qiAgeNumber (){
return 1;
}
/**
// 輸出結(jié)果
QiShare Age: 1
*/
