What is promise? how to use?

本篇文章给大家带来的内容是关于Laravel多态关联的介绍（附代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

promise是什么

官网解释 promise 表示一个异步操作的最终结果。

翻译 ==可以将promise理解为一个状态机==，它存在三种不同的状态，并在某一时刻只能有一种状态

pending 表示还在执行resolved 执行成功rejected 执行失败

一个promise是对一个异步操作的封装，异步操作有等待完成、成功和失败三种可能的结果，对应了promise的三种状态。

promise的状态只能有pending转换位resolved或者pending转换为rejected，一旦状态转化完成就无法再改变。

假设我们用promise封了一个异步操作，那么当它被创建的时候就处于pending状态，当异步操作成功完成时，
我们将状态转换为resolved，如果执行中出现错误，将状态转换为rejected。

var promise=new Promise(function(resolve,reject){ // code if(){ /*异步操作成功 */ resolve(value) }else{ reject(error) } })

使用then方法获取结果

var fs=require('fs') function readFile_promise(path){ return new Promise(function(resolve,reject){ fs.readFile(path, 'utf-8',function(err,data){ if(data){ resolve(data) }else{ reject(err) } }) }) } var result=readFile_promise('./1.txt') result.then(function(value){ //success console.log('success', value) },function(error){ //failure console.log('failure',error) }) // 将一个异步函数封装成promise，只要在回调函数中针对不同的返回结果调用resolve或者reject方法。 // resolve函数会在异步操作成功完成时被调用，并将异步操作的返回值作为参数传递到外部。 // reject是在异步操作出现异常时被调用，会将错误信息作为参数传递出去。

then方法的返回值

then方法总是返回一个新的promise对象，多次调用then方法，默认返回一个一个空的promise对象
使用return来来返回。

var promise=readFile_promise('./foo.txt') promise.then(function(value){ //success console.log('success', value) // foo return readFile_promise('./bar.txt') },function(error){ //failure console.log('failure',error) }).then(function(value){ console.log('then', value) // bar })

promise的执行

• 虽然我们是通过then方法来获取promise的结果，但是promise是当then方法调用之后才执行吗？

var promise=new Promise((resolve, reject)=>{ console.log('begin') resolve() }) setTimeout(()=>{ promise.then(()=>{ console.log('end') }) },5000) // 开始begin 5s后end // 运行顺序是，当promise从被创建的那一刻起就开始执行了，then方法只是提供了访问promise状态的接口，与promise的执行无关。

promise 常用的api

• resolved
• rejected
• all
• race 方法接收一个promise数组作为参数并返回一个新的promise，数组中的promise会同时开始执行，race返回的promise的状态有数组中率先执行完毕的promise的状态决定
• catch 执行出错可以使用throw关键字抛出错误，并使用catch方法进行捕获

// 如果有多个promise需要执行，可以使用promise.all() // 方法统一声明，改方法可以将多个promise对象包装成一个promise // 该方法接收一个数组作为参数，数据的元素如果不是promise对象，则回先调用resolve方法转换。 // 如果中间有一个promise状态是reject，那么转换后的promise也会变成reject，并且将错误信息传给catch方法 var promises=['foo.txt','bar.txt','baz.txt'] promises.map(function(path){ // console.log(path) return readFile_promise(path) }) Promise.all(promises).then(function(results){ console.log(results) // [ 'foo.txt', 'bar.txt', 'baz.txt' ] 顺序排列的 }).catch(function(err){ // })

使用promise组织异步代码

// 例子； 有三个文本文件需要顺序读取 var lists=['foo.txt','bar.txt','baz.txt'] var count=0; readFile_promise('foo.txt').then(readCB).then(readCB).then(readCB); function readCB(data){ console.log(data) // foo bar baz if(++count>2){ return } return readFile_promise(lists[count]) }

async/await

await关键字后面往往是一个promise，如果不是就隐式调用promise.resolve来转换成一个promise。
await 等待后面的promise执行完成再进行下一步操作。

var asyncReadFile=async function(){ var result1=await readFile_promise('./foo.txt') console.log(result1.toString()) // foo } asyncReadFile()

async返回值

async函数总是会返回一个promise对象，如果return关键字后面不是一个promise，那么默认
调用promise。resolve方法进行转换。

async function asyncFunc(){ return 'hello Node' } asyncFunc().then(function(data){ console.log(data) // hello Node })

async函数的执行过程

1. 在async函数开始执行的时候回自动生成一个promise对象。
2. 当方法体开始执行后，如果遇到return关键字或者throw关键字，执行会立刻退出，

如果遇到await关键字则回暂停执行 await后面的异步操作结束后会恢复执行

1. 执行完毕，返回一个promise

async function asyncFunc(){ console.log('begin') return 'hello Node' } asyncFunc().then(function(data){ console.log(data) // hello Node console.log('end') }) // begin // hello // end

await

await 操作符的结果是由其后面promise对象的操作结果来决定的，如果后面promise对象变为resolved,
await操作符发返回的值就是resolve的值；如果promise对象的状态变成rejected，那么await也会抛出reject的值。

async function readFile(){ var result=await readFile_promise('./foo.txt') console.log(result) // foo } readFile() // 等价于 readFile_promise('foo.txt').then(function(data){ console.log(data) // foo })

await于并行

await会等待后面的promise完成后再采取下一步动作，这意味着当多个await操作时，程序会便成完全的
串行操作。

当异步操作之间不存在依赖关系时，可以使用promise.all来实现并行。

async function readFile(){ const [result1, result2]=await Promise.all([ readFile_promise('./foo.txt'), readFile_promise('./bar.txt') ]) console.log(result1, result2) // foo bar } readFile() // 等价于 function readFile(){ return Promise.all([ readFile_promise('./foo.txt'), readFile_promise('./baz.txt') ]).then((result)=>{ console.log(result) // [ 'foo', 'baz' ] }) } readFile()

await 总结

await关键字使用的一些关键点

• await关键字必须位于async函数内部
• await关键字后面需要是一个promise对象（不是的话就调用了resolve转换的）
• await关键字的返回结果就是在其后面promise执行的结果，可能是resolved或者rejected的值
• 不能在普通箭头函数中使用await关键字，需要在箭头函数前面加上async关键字。
• await用来串行地执行异步操作，想实现并行使用promise.all

async函数 的缺点

假设我们有很多层的方法调用，最底层的异步操作被封装成了async方法，那么该函数的所有上层方法可能都要变成async方法。

本篇文章到这里就已经全部结束了，更多其他精彩内容可以关注PHP中文网的JavaScript视频教程栏目！

The above is the detailed content of What is promise? how to use?. For more information, please follow other related articles on the PHP Chinese website!