我如何等待带有打字稿的promise（）。done（）？

Question

我知道如何创建一个标准的Promise并对其使用async / await，但是我该如何等待带有TypeScript的jquery promise（）。done（）？

当前：

$('#sun').hide('slide', {direction:'right'}, 200).promise().done(function () {
    $('#rain').show('slide', {direction:'left'}, 200).promise().done(function () {
        console.log('ok!');
    });
});

我想用这种方式做，但是不起作用：

await $('#sun').hide('slide', {direction:'right'}, 200).promise().done(); 
await $('#rain').show('slide', {direction:'left'}, 200).promise().done();
console.log('ok!');

Answer 1

尝试从您的promise()调用的末尾删除done() promise()调用。 如果不专门研究jQuery Promise实现，我会想象没有参数的调用done()返回undefined或其他无法等待的结果，因此您正在尝试await undefined 。

尝试等待promise()调用：

await $('#sun').hide('slide', {direction:'right'}, 200).promise(); 
await $('#rain').show('slide', {direction:'left'}, 200).promise();
console.log('ok!');

Answer 2

一个jQuery的承诺，以相同的方式工作作为香草承诺

有关其工作方式的示例，请转换为：

 var div = $( "<div>" ); div.promise().done(function( arg1 ) { // Will fire right away and alert "true" console.log( this === div && arg1 === div ); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 

对此：

 var div = $( "<div>" ); async function run(){ const arg1 = await div.promise(); console.log(arg1 === div ); } window.onload = run; 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 

解：

await $('#sun').hide('slide', {direction:'right'}, 200).promise(); 
await $('#rain').show('slide', {direction:'left'}, 200).promise();
console.log('ok!');