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

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

Promise

为什么使用Promise

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

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

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

Promises是什么

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

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

代码示例:

```javascript new 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()`方法中的回调函数,处理后续步骤。

示例:

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

另一个示例:

```javascript new 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/

你可能感兴趣的文章
Nginx 学习总结(17)—— 8 个免费开源 Nginx 管理系统,轻松管理 Nginx 站点配置
查看>>
Nginx 学习(一):Nginx 下载和启动
查看>>
nginx 常用指令配置总结
查看>>
Nginx 常用配置清单
查看>>
nginx 常用配置记录
查看>>
nginx 开启ssl模块 [emerg] the “ssl“ parameter requires ngx_http_ssl_module in /usr/local/nginx
查看>>
Nginx 我们必须知道的那些事
查看>>
Nginx 的 proxy_pass 使用简介
查看>>
Nginx 的配置文件中的 keepalive 介绍
查看>>
Nginx 结合 consul 实现动态负载均衡
查看>>
Nginx 负载均衡与权重配置解析
查看>>
Nginx 负载均衡详解
查看>>
nginx 配置 单页面应用的解决方案
查看>>
nginx 配置https(一)—— 自签名证书
查看>>
nginx 配置~~~本身就是一个静态资源的服务器
查看>>
Nginx 配置清单(一篇够用)
查看>>
Nginx 配置解析:从基础到高级应用指南
查看>>
nginx+php的搭建
查看>>
nginx+tomcat+memcached
查看>>
nginx+Tomcat性能监控
查看>>