11.React Native之Promise介绍；

最新推荐文章于 2024-01-05 14:15:53 发布

mayundoyouknow

最新推荐文章于 2024-01-05 14:15:53 发布

阅读量3.3k

点赞数 3

本文链接：https://blog.csdn.net/ahou2468/article/details/88722996

版权

本文介绍了Promise在React Native中的应用，详细讲解了Promise的构造方法、示例、对象串联和并行任务执行。通过实例展示了Promise如何简化异步操作，包括在网络请求中的应用。

摘要由CSDN通过智能技术生成

在JavaScript的世界中，所有代码都是单线程执行的。

由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。

1.Promise介绍

Promise对象表示异步操作的最终完成（或失败）及其结果值。

Promise是创建promise时不一定知道的值的代理。它允许您将处理程序与异步操作的最终成功值或失败原因相关联。这允许异步方法返回类似于同步方法的值：异步方法返回一个承诺（Promise），以便在将来的某个时刻提供值。

Promise有如下状态：

a.pending:初始化状态，既不是操作完成也不是操作失败；

b.fulfilled:意思是操作已经成功操作；

c.rejected:意思是操作失败；

2.Promise语法

2.1构造方法

new Promise( function(resolve, reject) {...} /* executor */  );

executor(参数)

executor是带有 resolve 和 reject 两个参数的函数。Promise构造函数执行时立即调用executor 函数， resolve 和 reject 两个函数作为参数传递给executor（executor 函数在Promise构造函数返回所建promise实例对象前被调用）。resolve 和 reject 函数被调用时，分别将promise的状态改为fulfilled（完成）或rejected（失败）。executor 内部通常会执行一些异步操作，一旦异步操作执行完毕(可能成功/失败)，要么调用resolve函数来将promise状态改成fulfilled，要么调用reject 函数将promise的状态改为rejected。如果在executor函数中抛出一个错误，那么该promise 状态为rejected。executor函数的返回值被忽略。

2.2Promise示例

我们先看一个最简单的Promise例子：生成一个0-2之间的随机数，如果小于1，则等待一段时间后返回成功，否则返回失败：

function test(resolve, reject) {
    var timeOut = Math.random() * 2;
    log('set timeout to: ' + timeOut + ' seconds.');
    setTimeout(function () {
        if (timeOut < 1) {
            log('call resolve()...');
            resolve('200 OK');
        }
        else {
            log('call reject()...');
            reject('timeout in ' + timeOut + ' seconds.');
        }
    }, timeOut * 1000);
}

这个test()函数有两个参数，