。

对于开发人员来说#xff0c;我们把promise当作一个普通的对象即可#xff0c;使用它可以用来封装一个异步操作并可以获取其成功/失败…Promise是什么

官方的定义是Promise是ES6新推出的用于进行异步编程的解决方案旧方案是单纯使用回调函数来解决的。

对于开发人员来说我们把promise当作一个普通的对象即可使用它可以用来封装一个异步操作并可以获取其成功/失败的结果值。

promise最大的好处在于能够解决回调地狱的问题。

pending变为resolvedpending变为rejected

注意promise有且只有这2种状态改变并且一个promise对象只能改变一次无论变为成功还是失败都会有一个结果值。

!doctype

charsetUTF-8title基本使用/titlelink

crossoriginanonymous

hrefhttps://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css

relstylesheet

idbtn点击抽奖/button/divscript//生成随机数function

rand(m,n){return

document.querySelector(#btn);//绑定单击事件btn.addEventListener(click,

function(){//1.创建promise对象(初始状态为pending状态)指定执行器函数const

new

Promise((resolve,rejected){//2.在执行器函数种启动异步任务setTimeout((){let

rand(1,100)if(n30){resolve(恭喜)//3.如果成功调用resolve()指定成功的valuepromise变为resolved状态}else{rejected(再接再厉)//4.失败调用rejected()指定失败的reasonpromise变为rejected状态}})})console.log()//在setTimeout之后执行因为setTimeout是在promise内部同步调用的//5.promise指定成功或失败的回调函数来获取成功的value或失败的reasonp.then((data){//成功的回调函数onResolved得到成功的dataconsole.log(data)alert(data)},(reason){//失败的回调函数onRejected得到失败的reasonalert(reason)console.log(reason)})});/script

const

{fs.readFile(./desktop/content.txt,

function

{console.log(data.toString())//

alert(data)

alert(reason)console.log(reason)

})Promise操作ajax

XMLHttpRequest();xhr.responseType

json;xhr.open(GET,

url);xhr.send();//处理结果xhr.onreadystatechange

200

300){//成功的结果resolve(xhr.response);}else{reject(xhr.status);}}}});}sendAJAX(https://xxxx).then(value

reason

{console.warn(reason);});/script使用util.promisify方法进行promise风格转化

传入一个以(err,valve){}回调函数作为最后一个参数的函数并返回一个返回promise的版本。

这句话有点拗口我们使用案例来说明一下

const

util.promisify(fs.readFile)//readFile函数最后一个参数是回调函数

fsPromise(./desktop/content.txt).then((data)

(reason)

fs.readFile(./desktop/content.txt,

function

excutor函数执行器(resolve,reject){}resolve函数内部定义成功时我们调用的函数reject函数内部定义失败时我们调用的函数

注意executor会在promise的内部立即同步调用异步操作在执行器中执行

方法:

Promise.resolve(521);//如果传入的参数为

Promise

resolve(OK);reject(Error);}));//

console.log(p2);p2.catch(reason

{console.log(reason);})/scriptscript//

let

{resolve(OK);}));console.log(p3);/scriptscriptlet

new

p3]);console.log(result);/scriptscriptlet

new

p3]);console.log(result);/scriptPromise的关键问题

如何改变

initial-scale1.0titlePromise关键问题

Promise

{console.log(111);//有且只有一个方式return

new

{console.log(222);}).then(value

{console.log(333);}).catch(reason

{console.warn(reason);});/script

/body

await必须写在async函数中但async函数中可以没有await如果await的promise失败了就会抛出异常需要通过try…catch捕获处理

/***

util.promisify(fs.readFile);//回调函数的方式

(err,

mineReadFile(./resource/1x.html);let

data2

mineReadFile(./resource/2.html);let

data3

mineReadFile(./resource/3.html);console.log(data1

data2

data3);}catch(e){console.log(e.code);}

}main();