Promise的基本介绍

2022-07-01 16:32:14 阅读：140 来源： 互联网

一、区别实例对象和函数对象：
函数对象：将函数作为对象使用，简称为函数对象。
function Fn(){

    }

    console.log(Fn.prototype);

注：函数是对象，当函数操作其属性或者方法时函数作为对象使用。

实例对象：new函数产生的对象，简称为对象。
function Fn(){

    }

    var f = new Fn();

二、回调函数的分类：
1、同步回调函数
理解：立即执行，完全执行了才会结束，不会放入回调队列中。
例子：数组遍历相关的回调函数 / Promise的excutor函数
// 同步回调函数
const arr = [1,3,5];
arr.forEach(item => { //遍历问题
console.log(item);
})
console.log('forEach()');
2、异步回调函数：

理解：不会立即执行，会放入到会掉队列中执行。
例子：定时器回调 / ajax回调 / Promise的成功，失败的回调。
//异步回调函数
setTimeout(() => {
console.log('timeout callback()');
},0);
console.log('123');

三、Peomise介绍：
1、概念： Promise是JS进行异步编程的新的解决方案（旧的是纯回调函数）。

2、具体表达：

从语法上来说Promise是一个构造函数（实际上并不存在所谓的“构造函数”，只有对于函数的构造调用）
从功能上来说Promise对象用来封装一个异步操作并可以获取其结果。
代码演示：
————————————————
//异步操作
const p = new Promise((resolve,reject) => {
//同步操作函数会立即执行
console.log("Promise的执行器函数");
setTimeout(()=>{
resolve(1);
},1000)
console.log("Promise的执行器函数执行完了");
})
.then(
value => {
console.log("状态改变得到数据");
console.log(value);
}
)
console.log("Promise函数执行完了");

3、Promise的状态改变：

pending变为resolved
pending变为rejected
注：只有这两种，且一个promise对象只能改变一次，无论变为成功还是失败都会有一个结果数据。成功的结果数据一般称为value，失败的结果数据一般称为reason。

四、Promise的状态改变：
————————————————

五、为什么要使用Promise?
1、指定回调函数的方式更加灵活：
传统的回调函数是在启动异步任务前指定
Promise：启动异步任务 => 返回Promise对象=>给Promise对象绑定回调函数（甚至可以在异步任务结束后指定）
2、支持链式调用，可以解决回调地域问题
什么是回调地狱？回调函数嵌套调用，外部回调函数执行的结果是嵌套的回调函数执行的条件。
回调地狱的缺点：不便于阅读，不便于异常处理
解决方案？Promise链式调用
终极解决方案？async/await
————————————————

标签：基本,异步,console,函数,介绍,Promise,回调,log
来源： https://www.cnblogs.com/zmh114712318/p/16435087.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

Promise的基本介绍