async学习笔记记录

JS中的异步处理。

在javascript中，语言的执行环境是”单线程”。
所谓“所谓"单线程"，就是指一次只能完成一件任务。如果有多个任务，就必须排队，前面一个任务完成，再执行后面一个任务“。

处理js异步的方法：

async函数。
async函数返回一个Promise对象。

举个例子：

async function getStockPriceByName(name){
    var symbol = await getStockSymbol(name);
    var stockPrice = await getStockPrice(symbol);
    return stockPrice;
}

getStockPriceByName('krislee').then(function(result){
console.log(result);
});

函数前面的async关键字，表明该函数内部有异步操作。调用该函数时，会立即返回一个Promise对象。
再举个例子：指定多少毫秒后输出一个值。

async function timeout(ms){
    await new Promise((resolve)=>{
        setTimeout(resolve,ms);
    })
}
async function asyncPrint(value,ms){
    await timeout(ms);
    console.log(value);
}

asyncPrint('hello world',50);

async函数的表达形式，

//函数声明
async function foo(){}
//函数表达式
const foo = async function(){};
//对象的方法
let obj = { async foo() {}}
obj.foo().then(...)
//Class 的方法
class Storage{
    constructor(){
        this.cachePromise = caches.open('avatars');
    }
}
async getAvatar(name){
    const cache = await this.cachePromise;
    return cache.match('/acatars/$(name).jpg');
}
const storage = new Storage();
storage.getAvatar('jake').then(...);

//箭头函数
const foo = async () =>{};

语法

返回Promise对象。

async function f(){
    return 'hello world';
}
f().then(v=>console.log(v))

Promise 对象的状态变化

async 函数返回的Promise，必须等到内部所有await命令后面的Promise对象执行完，才会发生状态改变，除非遇到return 语句或者抛出错误，也就是说，只有async函数内部的异步执行玩，才会执行then方法指定的回调函数。

eg：

async function getTitle(url){
    let response = await fetch(url);
    let html = await response.text();
    return html.match(/