学习笔记(14)Promise

1,Promise

Promise:处理异步请求。
异步:不阻塞主线程的分线程操作;
同步:在主线程中进行操作。
创建promise对象

有两个参数:resolve和reject。
一个刚刚创建出来的promise对象,处于待定(pending)状态。
resolve和reject都是回调函数,promise可以封装一个异步任务对象.

let p1 = new Promise((resolve, reject) => {
    setTimeout(function () {
     /*
    * 当异步任务成功时,调用resolve,传递成功的数据
    * */
        resolve('成功了!')
    }, 1000)
    
    /*
    * 调用reject之后,promise对象就会变成失败状态,传的参数是错误的原因
    * */
    // reject("失败了,error")
			
}).then(data => {
    console.log(data)
}).catch(err => {
    console.log(err)
})

2,Promise对象的.then方法

promise对象的.then方法:为promise对象添加处理函数。

1,如果promise处于待定状态,那么处理函数会在promise对象进入成功状态的时候执行;
2,如果promise对象当前处于成功状态,那么处理函数会立刻执行。

p1.then(function (data) {
	// 如果成功状态的resolve传递了数据,那么会接收到
	console.log(data);
});

3,Promise对象的.catch方法

1,如果promise处于待定状态,那么处理函数会在promise对象进入失败状态的时候执行;
2,如果promise对象当前已经处于失败状态,那么处理函数会立刻执行。

p1.catch(function (err) {
	console.log(err);
});

4,Promise.all方法

多个promise合并成一个总的promise,当参与合并的多个promise都进入到成功状态时,会调用then方法;当参与合并的promise有一个失败的,会进入失败状态,调用catch方法。

//Promise.then方法可以进行链式调用。
p3.then(function (data) {
	// 合并的promise参数得到的是一个数组。数组中存放着每个promise返回的成功数据.
	let str ="";
	for(let i=0;i<data.length;i++){
		str +=data[i].toString();
	}
	
	console.log(str);
})

你可能感兴趣的:(JavaScript,学习,javascript,前端,Promise)