Promise基本介绍

在Promise学习之前我们先来掌握以下几个概念：1、区别实例对象和函数对象 。2、回调函数的分类。

一、区别实例对象和函数对象：

函数对象：将函数作为对象使用，简称为函数对象。

        function Fn(){

        }

        console.log(Fn.prototype);

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

实例对象：new函数产生的对象，简称为对象。

        function Fn(){

        }

        var f = new Fn();

注：在这里f为实例对象。

二、回调函数的分类：

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