Promise实践练习

1. promise封装读取文件函数

/* 参数:path文件路径
返回:promise对象 */
function readminfile(path){
    
    
	return new Promise((resolve,reject) => {
    
    
		//读取文件
		require(fs).readFile(path,(err,data) => {
    
    
			//判断
			if(err) reject(err);
			//成功
			resolve(data);
		});
	});
}

//读取文件操作
readminfile('./content/readsmine.txt')  //此处点儿调用方法可换行
.then(value=>{
    
    
	console.log(value.toString());
},reason=>{
    
    
	console.log(reason);
})

2. util.promisify 进行Promise转化

//引入util模块
const util = require(util);
//引入fs模块
const fs = require(fs);
//返回一个新的函数
let mineReadFile = util.promisify(fs.readFile);

mineReadFile('./content/readmine.txt').then(value => {
    
     console.log(value.toString()) });

Promise封装AJAX请求

/* 封装一个函数sendAJAX 发送 GET AJAX 请求
参数:URL
返回结果Promise对象 */

function sendAJAX(url){
    
    
	return new Promise((resolve,reject => {
    
    
		const xhr = new XMLHttpRequest();
		xhr.open('GET', url);
		xhr.send();
		//处理结果
		xhr.onreadystatechange = function (){
    
    
			if(xhr.readyState === 4){
    
    
				//判断成功
				if(xhr.status >= 200 && xhr.status < 300){
    
    
					resolve(xhr.response);
				}else{
    
    
					reject(xhr.status);
				}	
			}
		}
	});

sendAJAX('https://api.apiopen.top')
.then(value => {
    
    
	console.log(value);
}, reason => {
    
    
	console.warn(reason);
});

Promise 的状态
    实例对象中的一个属性 [PromiseState]
    pending 未决定的
    resolved / fullfilled 成功
    rejected 失败

状态改变
    pendingpending变为resolved
    pendingpending变为rejected
    (不可能由成功变失败)

PromiseResult 保存成功或失败的结果,只有resolve和rejected可以对其做更改

在这里插入图片描述

Promise.all 返回一个新的promise,只有所有的promise都成功才成功,有一个Promise失败就直接失败

let p1 = new Promise((reslove, rejected) => {
    
    
	reslove("ok");
});
let p2 = new Promise.reslove("success");
let p3 = new Promise.reslove('oh heay');

const result = Promsie.all([p1,p2,p3]);
console.log(result);

promise.race取决于第一个promise的结果。第一个返回Promise的对象成功就成功。

let p1 = new Promise((reslove, rejected) => {
    
    
	setTimeout(){
    
    () => {
    
    
		reslove("ok");
	},1000}; //定时器一秒之后运行。
});
let p2 = new Promise.reslove("success"); //此时篇p2为第一个执行的参数
let p3 = new Promise.reslove('oh heay');

const result = Promsie.race([p1,p2,p3]);
console.log(result);

猜你喜欢

转载自blog.csdn.net/sinat_33940108/article/details/114012286