其他分享
首页 > 其他分享> > Promise的基本介绍

Promise的基本介绍

作者:互联网

一、区别实例对象和函数对象:
函数对象:将函数作为对象使用,简称为函数对象。
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');
image
三、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函数执行完了");
image

3、Promise的状态改变:

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

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

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