ES6 Promise对象

1、概念
  • 语法上:是一个构造函数,用来生成 Promise 实例;
  • 功能上:用来封装一个异步操作,并可以获取起成功或失败的结果值。
2、三种状态:
  • pending 进行中
  • fulfilled 成功的
  • rejected 失败的
3、特点:
  • 对象的状态不受外界影响,只有异步操作的结果,可以决定当前是哪一种状态。
  • 状态改变只有两种可能(pending -> fulfilled 或者 pending -> rejected ),而且一旦状态改变,就不会再变,任何时候都可以得到这个结果。
TypeScript 复制代码
const P = new Promise((resolve,reject) => {
    resolve('ok')
    reject('error')
}
// 输出结果始终为 ok
4、实例方法
4.1 then 方法
  • 实例状态发生改变时的回调函数;
  • 第一个参数用来处理成功的函数;
  • 第二个参数用来处理失败的函数(一般使用 catch 代替)。
TypeScript 复制代码
getJSON("/posts.json").then(function(json) {
  return json.post;
}).then(function(post) {
  // ...
});
4.2 catch 方法
  • 用来处理发生错误时的回调函数
  • then 的第二个参数的别名
TypeScript 复制代码
getJSON('/posts.json').then(function(posts) {
  // ...
}).catch(function(error) {
  // 处理 getJSON 和 前一个回调函数运行时发生的错误
  console.log('发生错误!', error);
});
4.3 finally 方法
  • 不常用,无参数

  • 不管 Promise 对象最后的状态如何,都会进行的操作

  • 本质是 then 方法的特例

TypeScript 复制代码
promise
.then(result => {···})
.catch(error => {···})
.finally(() => {···});
相关推荐
程序猿_极客20 分钟前
【期末网页设计作业】HTML+CSS+JS 旅行社网站、旅游主题设计与实现(附源码)
javascript·css·html·课程设计·期末网页设计
百***359425 分钟前
如何在树莓派部署Nginx并实现无公网ip远程访问内网制作的web网站
前端·tcp/ip·nginx
用户2832096793728 分钟前
为什么我的页面布局总是乱糟糟?可能是浮动和BFC在作怪!
javascript
花果山总钻风31 分钟前
Chrome 插件框架 Plasmo 基本使用示例
前端·chrome
资讯第一线32 分钟前
《Chrome》 [142.0.7444.60][绿色便携版] 下载
前端·chrome
会篮球的程序猿1 小时前
原生表格文本过长展示问题,参考layui长文本,点击出现文本域
前端·javascript·layui
top_designer1 小时前
Firefly 样式参考:AI 驱动的 UI 资产“无限”生成
前端·人工智能·ui·aigc·ux·设计师
蜗牛前端1 小时前
使用 Trae AI 开发完整的开源 npm 包:snail-git-add
前端
哆啦A梦15881 小时前
48 我的地址页面布局
javascript·vue.js·node.js
Dontla1 小时前
React useMemo(当依赖项未变化,重复渲染时直接返回上一次缓存计算结果,而非重新执行计算)
前端·react.js·缓存