Javascript中then

代码：

function example(){
    return new Promise((resolve,reject)=>
{
    const num = Math.floor(Math.random()*10);
    if(num>
    5) resolve(num) else reject(new Error('Num is too small'));
}
    );
}
    example().then((num)=>
{
console.log(Success: ${
num}
    );
    return num * 2;
}
    ).then((num)=>
{
console.log(New number: ${
num}
    );
}
    ).catch((err)=>
{
console.log(Error:${
err.message}
    );
}
    );

以上代码演示了一个简单的Promise异步操作，当随机生成的数字大于5时，则会成功触发返回num，否则会触发一个错误。我们先来对代码进行分析。首先，我们定义了一个example函数，返回一个Promise对象，随机生成一个0-9之间的数字，并使用resolve和reject来执行成功与失败的回调，以随机数字大小决定成功或失败结果。然后在example函数之后，我们使用then方法来处理Promise对象，当Promise成功回调时，打印出相应成功结果，并返回num*2，然后将再用一个then方法来继续处理这个新的Promise对象。最后使用catch方法来处理异常结果，打印出相应错误信息。这个then方法的语法如下：Promise.then(function(result){ } , function(error){ } ); 可以看到，then方法可以定义两个回调函数，分别用于成功和失败的情况，它们也即Promise被resolve和reject方法执行后的回调函数。代码中使用的是箭头函数，与普通函数的写法相同。总体来说，使用then方法的流程非常清晰明了，也方便快捷。特别在处理复杂的异步操作中，then方法更加具有灵活性和可靠性，是JavaScript异步操作中不可缺少的一部分。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！