博客
关于我
经典面试题目之:promise
阅读量:341 次
发布时间:2019-03-04

本文共 1318 字,大约阅读时间需要 4 分钟。

Promise

为什么使用Promise

Promise是一种解决异步编程的技术,它能够帮助我们避免界面冻结,并提高程序的执行效率。

在传统的同步代码中,如果一个操作耗时较长,会阻塞后续代码的执行,导致界面失去响应。例如,假设你正在等待一张桌子的服务完成,其他客人可能需要等待很长时间才能得到服务。这就是同步编程的问题。

而异步编程则不同,它允许我们将耗时较长的操作交给系统处理,继续执行其他任务。当系统完成前面的操作后,会通过回调或者事件来通知我们,可以继续处理剩下的工作。这样,AB两个任务的执行顺序和完成时间就不再相关了,这就是所谓的“异步”。

Promises是什么

Promises是一个对象,它能够帮助我们处理异步操作,并通过回调的方式来获取结果。与传统的回调函数不同,Promises允许我们将多个异步操作进行合并处理,简化了代码结构。

Promises通过`resolve`和`reject`两个参数来管理状态。当异步操作成功完成时,`resolve`会将Promise状态从“未完成”变为“成功”,并传递结果;如果操作失败,`reject`会将状态变为“失败”,并传递错误信息。

代码示例:

```javascriptnew Promise(function(resolve, reject) { // 执行耗时的异步操作 resolve('成功'); // 数据处理完成}).then(function(res) { console.log(res); // 输出结果}, function(err) { console.log(err); // 处理错误});```

Promises的三个状态

Promises的状态分为三个阶段:

1. **Pending(待定)**:这是Promise的初始状态,表示操作尚未开始处理。 2. **Fulfilled(实现)**:表示操作成功完成,状态变为“成功”。 3. **Rejected(被否决)**:表示操作失败,状态变为“失败”。

一旦Promise的状态发生改变,就会触发`.then()`方法中的回调函数,处理后续步骤。

示例:

```javascriptnew Promise(resolve => { setTimeout(() => { resolve('hello'); }, 2000);}).then(res => { console.log(res); // 输出 'hello'});```

另一个示例:

```javascriptnew Promise(resolve => { setTimeout(() => { resolve('hello'); }, 2000);}).then(val => { console.log(val); // 输出 'hello' return new Promise(resolve => { setTimeout(() => { resolve('world'); }, 2000); });}).then(val => { console.log(val); // 输出 'world'});```

转载地址:http://fase.baihongyu.com/

你可能感兴趣的文章
NotImplementedError: Cannot copy out of meta tensor; no data! Please use torch.nn.Module.to_empty()
查看>>
Now trying to drop the old temporary tablespace, the session hangs.
查看>>
nowcoder—Beauty of Trees
查看>>
np.arange()和np.linspace()绘制logistic回归图像时得到不同的结果?
查看>>
np.power的使用
查看>>
NPM 2FA双重认证的设置方法
查看>>
npm build报错Cannot find module ‘webpack/lib/rules/BasicEffectRulePlugin‘解决方法
查看>>
npm build报错Cannot find module ‘webpack‘解决方法
查看>>
npm ERR! ERESOLVE could not resolve报错
查看>>
npm ERR! fatal: unable to connect to github.com:
查看>>
npm ERR! Unexpected end of JSON input while parsing near '...on":"0.10.3","direc to'
查看>>
npm ERR! Unexpected end of JSON input while parsing near ‘...“:“^1.2.0“,“vue-html-‘ npm ERR! A comp
查看>>
npm error Missing script: “server“npm errornpm error Did you mean this?npm error npm run serve
查看>>
npm error MSB3428: 未能加载 Visual C++ 组件“VCBuild.exe”。要解决此问题,1) 安装
查看>>
npm install CERT_HAS_EXPIRED解决方法
查看>>
npm install digital envelope routines::unsupported解决方法
查看>>
npm install 卡着不动的解决方法
查看>>
npm install 报错 EEXIST File exists 的解决方法
查看>>
npm install 报错 ERR_SOCKET_TIMEOUT 的解决方法
查看>>
npm install 报错 Failed to connect to github.com port 443 的解决方法
查看>>