Dart的設(shè)計(jì)目標(biāo)應(yīng)該是既對(duì)標(biāo)Java接剩,也對(duì)標(biāo)JavaScript,Dart在靜態(tài)語法方面和Java非常相似萨咳,如類型定義懊缺、函數(shù)聲明、泛型等培他,而在動(dòng)態(tài)特性方面又和JavaScript很像鹃两,如函數(shù)式特性、異步支持等舀凛。除了融合Java和JavaScript語言之所長之外俊扳,Dart也具有一些其它具有表現(xiàn)力的語法,如可選命名參數(shù)
腾降、..(級(jí)聯(lián)運(yùn)算符)
和?.(條件成員訪問運(yùn)算符)
以及??(判空賦值運(yùn)算符)
拣度。在Dart中其實(shí)看到的不僅有Java和JavaScript的影子,它還具有其它編程語言中的身影螃壤,如命名參數(shù)在Objective-C和Swift中早就很普遍抗果,因此我們可以看到Google對(duì)Dart語言給予厚望,是想把Dart打造成一門集百家之所長的編程語言奸晴。
目前版本Dart 2.0
1冤馏、變量聲明
(1)var
類似于JavaScript中的var,它可以接收任何類型的變量寄啼,但最大的不同是Dart中var變量一旦賦值逮光,類型便會(huì)確定,則不能再改變其類型墩划。之所以有此差異是因?yàn)镈art本身是一個(gè)強(qiáng)類型語言涕刚,任何變量都是有確定類型的,在Dart中乙帮,當(dāng)用var聲明一個(gè)變量后杜漠,Dart在編譯時(shí)會(huì)根據(jù)第一次賦值數(shù)據(jù)的類型來推斷其類型,編譯結(jié)束后其類型就已經(jīng)被確定察净,而JavaScript是純粹的弱類型腳本語言驾茴,var只是變量的聲明方式而已。
(2)dynamic和Object
Dynamic和Object 與 var功能相似氢卡,都會(huì)在賦值時(shí)自動(dòng)進(jìn)行類型推斷锈至,不同在于,賦值后可以改變其類型译秦。Object 是dart所有對(duì)象的根基類峡捡,也就是說所有類型都是Object的子類击碗,所以任何類型的數(shù)據(jù)都可以賦值給Object聲明的對(duì)象,所以表現(xiàn)效果和dynamic相似棋返。
(3)final和const
如果您從未打算更改一個(gè)變量延都,那么使用 final 或 const雷猪,不是var睛竣,也不是一個(gè)類型。 一個(gè) final 變量只能被設(shè)置一次求摇,兩者區(qū)別在于:const 變量是一個(gè)編譯時(shí)常量射沟,final變量在第一次使用時(shí)被初始化。被final或者const修飾的變量与境,變量類型可以省略验夯。
2、函數(shù)
Dart是一種真正的面向?qū)ο蟮恼Z言摔刁,所以即使是函數(shù)也是對(duì)象挥转,并且有一個(gè)類型Function。這意味著函數(shù)可以賦值給變量或作為參數(shù)傳遞給其他函數(shù)共屈,這是函數(shù)式編程的典型特征绑谣。
(1)函數(shù)聲明
dart函數(shù)聲明如果沒有顯示申明返回值類型時(shí)會(huì)默認(rèn)當(dāng)做dynamic處理,注意拗引,函數(shù)返回值沒有類型推斷借宵。
(2)對(duì)于只包含一個(gè)表達(dá)式的函數(shù),可以使用簡寫語法矾削。也就是箭頭函數(shù)
(3)函數(shù)作為變量
(4)函數(shù)作為參數(shù)傳遞
(5)可選的位置參數(shù)
包裝一組函數(shù)參數(shù)壤玫,用[]標(biāo)記為可選的位置參數(shù)
(6)可選的命名參數(shù)
定義函數(shù)時(shí),使用{param1, param2, …}哼凯,用于指定命名參數(shù)欲间。調(diào)用函數(shù)時(shí),可以使用指定命名參數(shù)断部×蕴可選命名參數(shù)在Flutter中使用非常多。
3家坎、異步支持
Dart類庫有非常多的返回Future或者Stream對(duì)象的函數(shù)嘱能。 這些函數(shù)被稱為異步函數(shù):它們只會(huì)在設(shè)置好一些耗時(shí)操作之后返回,比如像 IO操作虱疏。而不是等到這個(gè)操作完成惹骂。
async和await關(guān)鍵詞支持了異步編程,運(yùn)行您寫出和同步代碼很像的異步代碼做瞪。
(1)Future
Future與JavaScript中的Promise非常相似对粪,表示一個(gè)異步操作的最終完成(或失斢叶场)及其結(jié)果值的表示。簡單來說著拭,它就是用于處理異步操作的纱扭,異步處理成功了就執(zhí)行成功的操作,異步處理失敗了就捕獲錯(cuò)誤或者停止后續(xù)操作儡遮。一個(gè)Future只會(huì)對(duì)應(yīng)一個(gè)結(jié)果乳蛾,要么成功,要么失敗鄙币。Future 的所有API的返回值仍然是一個(gè)Future對(duì)象肃叶,所以可以很方便的進(jìn)行鏈?zhǔn)秸{(diào)用。
看一些有關(guān)Future的API
- Future.then
本例中使用Future.delayed 創(chuàng)建了一個(gè)延時(shí)任務(wù)(實(shí)際場景會(huì)是一個(gè)真正的耗時(shí)任務(wù)十嘿,比如一次網(wǎng)絡(luò)請求)因惭,即2秒后返回結(jié)果字符串"hi world!",然后我們在then中接收異步結(jié)果并打印結(jié)果绩衷,代碼如下:
Future.delayed(new Duration(seconds: 2),(){
return "hi world!";
}).then((data){
print(data);
});
- Future.catchError
如果異步任務(wù)發(fā)生錯(cuò)誤蹦魔,我們可以在catchError中捕獲錯(cuò)誤,我們將上面示例改為:
Future.delayed(new Duration(seconds: 2),(){
//return "hi world!";
throw AssertionError("Error");
}).then((data){
//執(zhí)行成功會(huì)走到這里
print("success");
}).catchError((e){
//執(zhí)行失敗會(huì)走到這里
print(e);
});
在本示例中咳燕,在異步任務(wù)中拋出了一個(gè)異常勿决,then的回調(diào)函數(shù)將不會(huì)被執(zhí)行,取而代之的是 catchError回調(diào)函數(shù)將被調(diào)用迟郎;但是剥险,并不是只有 catchError回調(diào)才能捕獲錯(cuò)誤,then方法還有一個(gè)可選參數(shù)onError宪肖,也可以它來捕獲異常:
Future.delayed(new Duration(seconds: 2), () {
//return "hi world!";
throw AssertionError("Error");
}).then((data) {
print("success");
}, onError: (e) {
print(e);
});
- Future.whenComplete
有些時(shí)候會(huì)遇到無論異步任務(wù)執(zhí)行成功或失敗都需要做一些事的場景表制,比如在網(wǎng)絡(luò)請求前彈出加載對(duì)話框,在請求結(jié)束后關(guān)閉對(duì)話框控乾。這種場景么介,有兩種方法,第一種是分別在then或catch中關(guān)閉一下對(duì)話框蜕衡,第二種就是使用Future的whenComplete回調(diào)壤短,將上面示例改一下:
Future.delayed(new Duration(seconds: 2),(){
//return "hi world!";
throw AssertionError("Error");
}).then((data){
//執(zhí)行成功會(huì)走到這里
print(data);
}).catchError((e){
//執(zhí)行失敗會(huì)走到這里
print(e);
}).whenComplete((){
//無論成功或失敗都會(huì)走到這里
});
- Future.wait
有些時(shí)候需要等待多個(gè)異步任務(wù)都執(zhí)行結(jié)束后才進(jìn)行一些操作,比如有一個(gè)界面慨仿,需要先分別從兩個(gè)網(wǎng)絡(luò)接口獲取數(shù)據(jù)久脯,獲取成功后,需要將兩個(gè)接口數(shù)據(jù)進(jìn)行特定的處理后再顯示到UI界面上镰吆,應(yīng)該怎么做帘撰?答案是Future.wait,它接受一個(gè)Future數(shù)組參數(shù)万皿,只有數(shù)組中所有Future都執(zhí)行成功后摧找,才會(huì)觸發(fā)then的成功回調(diào)核行,只要有一個(gè)Future執(zhí)行失敗,就會(huì)觸發(fā)錯(cuò)誤回調(diào)蹬耘。下面芝雪,通過模擬Future.delayed 來模擬兩個(gè)數(shù)據(jù)獲取的異步任務(wù),等兩個(gè)異步任務(wù)都執(zhí)行成功時(shí)综苔,將兩個(gè)異步任務(wù)的結(jié)果拼接打印出來惩系,代碼如下:
Future.wait([
// 2秒后返回結(jié)果
Future.delayed(new Duration(seconds: 2), () {
return "hello";
}),
// 4秒后返回結(jié)果
Future.delayed(new Duration(seconds: 4), () {
return " world";
})
]).then((results){
print(results[0]+results[1]);
}).catchError((e){
print(e);
});
執(zhí)行上面代碼,4秒后你會(huì)在控制臺(tái)中看到“hello world”休里。
4蛆挫、Async/await
Dart中的async/await 和JavaScript中的async/await功能和用法是一模一樣的赃承。
- 回調(diào)地獄(Callback hell)
如果代碼中有大量異步邏輯妙黍,并且出現(xiàn)大量異步任務(wù)依賴其它異步任務(wù)的結(jié)果時(shí),必然會(huì)出現(xiàn)Future.then回調(diào)中套回調(diào)情況瞧剖。舉個(gè)例子拭嫁,比如現(xiàn)在有個(gè)需求場景是用戶先登錄,登錄成功后會(huì)獲得用戶Id抓于,然后通過用戶Id做粤,再去請求用戶個(gè)人信息,獲取到用戶個(gè)人信息后捉撮,為了使用方便怕品,需要將其緩存在本地文件系統(tǒng),代碼如下:
//先分別定義各個(gè)異步任務(wù)
Future<String> login(String userName, String pwd){
...
//用戶登錄
};
Future<String> getUserInfo(String id){
...
//獲取用戶信息
};
Future saveUserInfo(String userInfo){
...
// 保存用戶信息
};
接下來巾遭,執(zhí)行整個(gè)任務(wù)流:
login("alice","******").then((id){
//登錄成功后通過肉康,id獲取用戶信息
getUserInfo(id).then((userInfo){
//獲取用戶信息后保存
saveUserInfo(userInfo).then((){
//保存用戶信息,接下來執(zhí)行其它操作
...
});
});
})
可以感受一下灼舍,如果業(yè)務(wù)邏輯中有大量異步依賴的情況吼和,將會(huì)出現(xiàn)上面這種在回調(diào)里面套回調(diào)的情況,過多的嵌套會(huì)導(dǎo)致的代碼可讀性下降以及出錯(cuò)率提高骑素,并且非常難維護(hù)炫乓,這個(gè)問題被形象的稱為回調(diào)地獄(Callback hell)∠壮螅回調(diào)地獄問題在之前JavaScript中非常突出末捣,也是JavaScript被吐槽最多的點(diǎn),但隨著ECMAScript6和ECMAScript7標(biāo)準(zhǔn)發(fā)布后创橄,這個(gè)問題得到了非常好的解決箩做,而解決回調(diào)地獄的兩大神器正是ECMAScript6引入了Promise,以及ECMAScript7中引入的async/await筐摘。 而在Dart中幾乎是完全平移了JavaScript中的這兩者:Future相當(dāng)于Promise卒茬,而async/await連名字都沒改船老。接下來看看通過Future和async/await如何消除上面示例中的嵌套問題。
(1)使用Future消除callback hell
login("alice","******").then((id){
return getUserInfo(id);
}).then((userInfo){
return saveUserInfo(userInfo);
}).then((e){
//執(zhí)行接下來的操作
}).catchError((e){
//錯(cuò)誤處理
print(e);
});
正如上文所述圃酵, “Future 的所有API的返回值仍然是一個(gè)Future對(duì)象柳畔,所以可以很方便的進(jìn)行鏈?zhǔn)秸{(diào)用” ,如果在then中返回的是一個(gè)Future的話郭赐,該future會(huì)執(zhí)行薪韩,執(zhí)行結(jié)束后會(huì)觸發(fā)后面的then回調(diào),這樣依次向下捌锭,就避免了層層嵌套俘陷。
(2)使用async/await消除callback hell
通過Future回調(diào)中再返回Future的方式雖然能避免層層嵌套,但是還是有一層回調(diào)观谦,有沒有一種方式能夠像寫同步代碼那樣來執(zhí)行異步任務(wù)而不使用回調(diào)的方式拉盾?答案是肯定的,這就要使用async/await了豁状,下面先直接看代碼捉偏,然后再解釋,代碼如下:
task() async {
try{
String id = await login("alice","******");
String userInfo = await getUserInfo(id);
await saveUserInfo(userInfo);
//執(zhí)行接下來的操作
} catch(e){
//錯(cuò)誤處理
print(e);
}
}
- async用來表示函數(shù)是異步的泻红,定義的函數(shù)會(huì)返回一個(gè)Future對(duì)象夭禽,可以使用then方法添加回調(diào)函數(shù)。
- await 后面是一個(gè)Future谊路,表示等待該異步任務(wù)完成讹躯,異步完成后才會(huì)往下走;await必須出現(xiàn)在 async 函數(shù)內(nèi)部缠劝。
可以看到潮梯,我們通過async/await將一個(gè)異步流用同步的代碼表示出來了。
其實(shí)剩彬,無論是在JavaScript還是Dart中酷麦,async/await都只是一個(gè)語法糖,編譯器或解釋器最終都會(huì)將其轉(zhuǎn)化為一個(gè)Promise(Future)的調(diào)用鏈喉恋。
5沃饶、Stream
Stream 也是用于接收異步事件數(shù)據(jù),和Future 不同的是轻黑,它可以接收多個(gè)異步操作的結(jié)果(成功或失敽簟)。 也就是說氓鄙,在執(zhí)行異步任務(wù)時(shí)馆揉,可以通過多次觸發(fā)成功或失敗事件來傳遞結(jié)果數(shù)據(jù)或錯(cuò)誤異常。 Stream 常用于會(huì)多次讀取數(shù)據(jù)的異步任務(wù)場景抖拦,如網(wǎng)絡(luò)內(nèi)容下載升酣、文件讀寫等舷暮。舉個(gè)例子:
Stream.fromFutures([
// 1秒后返回結(jié)果
Future.delayed(new Duration(seconds: 1), () {
return "hello 1";
}),
// 拋出一個(gè)異常
Future.delayed(new Duration(seconds: 2),(){
throw AssertionError("Error");
}),
// 3秒后返回結(jié)果
Future.delayed(new Duration(seconds: 3), () {
return "hello 3";
})
]).listen((data){
print(data);
}, onError: (e){
print(e.message);
},onDone: (){
});
上面的代碼依次會(huì)輸出:
I/flutter (17666): hello 1
I/flutter (17666): Error
I/flutter (17666): hello 3
總結(jié)
之所以將Dart與Java和JavaScript對(duì)比,是因?yàn)樨眩@兩者分別是強(qiáng)類型語言和弱類型語言的典型代表下面,并且Dart 語法中很多地方也都借鑒了Java和JavaScript。
- Dart vs Java
客觀的來講绩聘,Dart在語法層面確實(shí)比Java更有表現(xiàn)力沥割;在VM層面,Dart VM在內(nèi)存回收和吞吐量都進(jìn)行了反復(fù)的優(yōu)化凿菩,只要Dart語言能流行机杜,VM的性能就不用擔(dān)心,畢竟Google在go(沒用vm但有GC)衅谷、javascript(v8)椒拗、dalvik(android上的java vm)上已經(jīng)有了很多技術(shù)積淀。值得注意的是Dart在Flutter中已經(jīng)可以將GC做到10ms以內(nèi)会喝,所以Dart和Java相比陡叠,決勝因素并不會(huì)是在性能方面。而在語法層面肢执,Dart要比java更有表現(xiàn)力,最重要的是Dart對(duì)函數(shù)式編程支持要遠(yuǎn)強(qiáng)于Java(目前只停留在lamda表達(dá)式)译红,而Dart目前真正的不足是生態(tài)预茄,但隨著Flutter的逐漸火熱,Dart生態(tài)會(huì)加速發(fā)展的侦厚。
- Dart vs JavaScript
JavaScript的弱類型一直被抓短耻陕,所以TypeScript、Coffeescript甚至是Facebook的flow(雖然并不能算JavaScript的一個(gè)超集刨沦,但也通過標(biāo)注和打包工具提供了靜態(tài)類型檢查)才有市場诗宣。在使用過的其他腳本語言中(如Python、PHP)想诅,JavaScript無疑是動(dòng)態(tài)化支持最好的腳本語言召庞,比如在JavaScript中,可以給任何對(duì)象在任何時(shí)候動(dòng)態(tài)擴(kuò)展屬性来破,對(duì)于精通JavaScript的高手來說篮灼,這無疑是一把利劍。但是徘禁,任何事物都有兩面性诅诱,JavaScript的強(qiáng)大的動(dòng)態(tài)化特性也是把雙刃劍,你可能經(jīng)常聽到另一個(gè)聲音送朱,認(rèn)為JavaScript的這種動(dòng)態(tài)性糟糕透了娘荡,太過靈活反而導(dǎo)致代碼很難預(yù)期干旁,無法限制不被期望的修改。畢竟有些人總是對(duì)自己或別人寫的代碼不放心炮沐,他們希望能夠讓代碼變得可控疤孕,并期望有一套靜態(tài)類型檢查系統(tǒng)來幫助自己減少錯(cuò)誤。正因如此央拖,在Flutter中祭阀,Dart幾乎放棄了腳本語言動(dòng)態(tài)化的特性,如不支持反射鲜戒、也不支持動(dòng)態(tài)創(chuàng)建函數(shù)等专控。并且Dart在2.0強(qiáng)制開啟了類型檢查(Strong Mode),原先的檢查模式(checked mode)和可選類型(optional type)將淡出遏餐,所以在類型安全這個(gè)層面來說伦腐,Dart和TypeScript、Coffeescript是差不多的失都,所以單從這一點(diǎn)來看柏蘑,Dart并不具備什么明顯優(yōu)勢,但綜合起來看粹庞,dart既能進(jìn)行服務(wù)端腳本咳焚、APP開發(fā)、web開發(fā)庞溜,這就有優(yōu)勢了革半!
綜上所述,還是很看好Dart語言的將來的流码。