asyc/await的方式，可以让异步的调用，用起来像同步。
可以被await的方法必须返回值是Promise<T>，如果方法返回的值是void，那么就应该使用返回值为Promise<Void>.
另：http://www.typescriptlang.org/play/--这个网站是typescript的练习的地方
先了解下Promise吧。
promise最主要的思想就是对异步操作结果的一个承诺，承诺的状态有如下几种：
1.pending: promise 的初始化状态
2.fulfilled:代表异步操作成功
3.rejected:代表异步操作失败
注意：当一个promise处于 fulfilled或rejected状态后，它的状态就永远不可更改了。
function foo(){
return new Promise ((fulfill,reject) => {
try{
fulfill("success");//改成fulfill()也是可以的，只是没有info而已，res会为undefined的
}catch(error){
reject("fail");
}
});
}
//调用promise 方法
this.foo().then(res =>{
console.info('dasd');
console.info(res);
}).catch(err =>{
console.error(err);
}
);
/**
*正常在promise中并不需要 try...catch ,因为promise会在异常抛出的时候
*自动进入 rejected状态。
*上段代码中声明了一个foo的函数，返回一个promise.
*一个promise包含一个then方法，它接受一个函数，在promise被fulfilled后调用。
*promise还提供了一个名为catch的方法，它在promise被rejected之后被调用(throw new Error('exception');替换 fulfill("success");就会看到错误发生)
**/
其实上面写成伪代码比较好理解：
function foo(){
return new Promise ((fulfill,reject) => {
//(1).一个需要执行很长时间的任务
//(2.1)任务成功，那么调用fulfill(),而且fulfill还可以带点参数回去
//(2.2)任务失败，那么调用reject()
//(3).这个任务完成，就会去到foo函数的then里面去
});
}
//调用promise 方法
this.foo().then(res =>{
console.info(res);//如果执行了fulfill，到此
}).catch(err =>{
console.error(err);//如果执行了reject，到此
}
);
console.log('my');//这个会立即执行，不会等到那个很长任务执行完毕的。
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
下面的例子更能理解了：会顺序的打印数组里面的内容，而且都是等待2秒后打印
/////////////////////////////////////////////////////////////////////////////
"use strict";
// printDelayed 返回值是一个 'Promise<void>'
async function printDelayed(elements: string[]) {
for (const element of elements) {
try {
await delay(2000);
console.log(element);
} catch (e) {
console.log('失败')
console.log(element);
}
}
}
function delay(milliseconds: number) {
return new Promise<void>((resolve,bb) => {
setTimeout(resolve, milliseconds);
//setTimeout(bb, milliseconds);
});
}
printDelayed(["Hello", "beautiful", "asynchronous", "world"]).then(() => {
console.log();
console.log("打印每一个内容!");
});
console.log("第一打印!");
//注意上面的，如果把setTimeout(resolve, milliseconds);注释掉，打开setTimeout(bb, milliseconds);，也会打印每个元素，而且还是等2秒，只是要先打一个失败。看懂此例，基本明白了Promise的使用了
//注意，delay是可以被await的，因为返回的是Promise的。而在函数中，要使用await的话，那么必须让此函数被async修饰
//////////////////////////////////////////////////////////////
要明白async await，就必须搞明白Promise，它俩为Promise而存在。要明白Promise，那么看懂上面的例子即可，如此而已。
也可以看看:
https://blogs.msdn.microsoft.com/typescript/2015/11/03/what-about-asyncawait/
继续深入理解，看下面这个例子：
class Test {
async getData(action: () => Promise<void>): Promise<boolean> {
await action();
alert('getData');
return Promise.resolve(true);
}
tt(): Promise<void> {
alert('tt');
return Promise.resolve();
}
}
const h = new Test();
h.getData(h.tt).then(v => alert(v));
//h.getData(async () => { alert('匿名') }).then(v => alert(v));
//h.getData(() => { alert('匿名2'); return Promise.resolve(); }).then(v => alert(v));
注意：tt和那个匿名函数的区别，匿名函数没有返回Promise.resolve();而tt函数是必须返回的。当然，匿名函数也多一个async。或者写成匿名2的那种函数也行。
不过函数也可以如此写：
async tt(): Promise<void> {
alert('tt');
}
看来，添加了async修饰的函数，默认返回了return Promise.resolve();
明白上面一点很重要，才能看懂源码，手工。
注意返回，该如何写。其它的也如此。
