Promise之什么是promise?(01)

什么是promise

1.promise是一门新技术(ES6规范)

2.promise是js进行异步编程时的新方案

为什么是新方案?

旧方案;都是回调函数

3.从语法上说 promise是一个构造函数

4.从功能上说promise对象用来封装一个异步编程并可以获取成活或者失败的结果值

异步编程

包括但不限于以下几种

1.fs (nodejs下面的一个模块,可以对磁盘下面的文件进行读取操作) 文件操作

复制代码
require('./index.html',(err,data)=>{}) 回调函数

2.数据库操作 (对mysql等数据库进行操作也是异步操作)

3.ajax

复制代码
$.get('/xxx/xxxApi',params,(data)=>{})
//'/xxx/xxxApi'是请求路径
//params 是请求参数 传参
//(data)=>{} 是回调函数

4.setTimeout

复制代码
setTimeout(()=>{},2000) 同样是回调函数

为什么要使用promise

1.可以链式调用,解决回调地狱的问题

什么是回调地狱?回调函数里面又套回调函数

复制代码
p1(opt,(params1)=>{
	p2(opt,(params2)=>{
		p3(opt,(params3)=>{
			p4(opt,(params4)=>{
				......
			})
		})
	})
})
这样还要每一个单独处理错误操作的代码,导致代码重复
------------------------------------------
//使用promise改造之后
// 用 Promise 链式调用,替代嵌套回调
p1(opt) // 第 1 步:执行 p1
  .then((params1) => { // params1 是 p1 resolve 的结果
    return p2(opt, params1); // 执行 p2,返回它的 Promise
  })
  .then((params2) => { // params2 是 p2 resolve 的结果
    return p3(opt, params2); // 执行 p3,返回它的 Promise
  })
  .then((params3) => { // params3 是 p3 resolve 的结果
    return p4(opt, params3); // 执行 p4,返回它的 Promise
  })
  .then((params4) => { // params4 是 p4 resolve 的结果
    console.log('最终结果:', params4); // 所有步骤完成
  })
  .catch((err) => { // 任何一步出错,都会跳到这里
    console.error('出错了:', err);
  });

2.更为灵活的调用回调函数

之前:要在启动异步函数之前调用回调函数

现在:先启动异步函数=>返回promise后=>在给promise绑定回调函数(也可以在异步任务结束后指定多个回调函数)

相关推荐
jktantan7 小时前
Vue keep-alive 切标签后滚动位置回顶?因为 onDeactivated 里读到的 scrollTop 是 0
前端·javascript·vue.js
总要学点什么7 小时前
第89篇:三维特效-螺旋圆效果——让螺旋臂卷起一圈圈外扩的涟漪
开发语言·javascript·ecmascript·webgl·cesium·空间分析·1024程序员节
前端精髓8 小时前
调用openrouter的免费API模型
java·前端·javascript
螺丝钉tina14 小时前
[Playwright] [02]常用命令与调试:Debug UI、Mode和 Trace Viewer
开发语言·javascript·测试工具·ui·自动化
开开心心就好15 小时前
竖式除法出题工具,整除余数混合模式
运维·服务器·前端·javascript·ocr·perl·1024程序员节
এ慕ོ冬℘゜15 小时前
JS 事件循环、宏任务微任务:单线程底层原理 + 执行顺序
开发语言·javascript·ecmascript
web打印社区15 小时前
Lodop排障总纲-常见报错一张表
开发语言·前端·javascript·chrome·websocket
程序员大阳16 小时前
副队长JavaScript教程(56)-DOM之表单操作
javascript·dom·表单操作
Dxy123931021616 小时前
JS AES加密详解
开发语言·javascript·ecmascript
FRing0317 小时前
JavaScript入门到精通三十三(异常处理、call方法、apply方法、bind方法、防抖、节流)
开发语言·前端·javascript