异步/等待jQuery动画

Question

我想链接Jquery动画，出于可读性考虑，我希望代码保持“垂直”而不是“水平”。

这是我做过的，但是不起作用：

async function close(id){
    return $(id).slideUp().promise();
}

async function shrink(id){
    return $(id).animate({width: '50%'}).promise();
}

[...]

function update(){
    await close("#myDiv");
    await shrink("#myDiv");
    doSomething();
}

但是我收到一个错误：Syntax Error: await is only valid in async functions [...]

我知道我可以链接Jquery动画（foo().bar()）或使用这些函数的回调，但是我的问题确实是关于async/await