5
Javascript | 分别用async await异步方法和Promise来实现一个简易的求职程序 - LiOnTa...
source link: https://www.cnblogs.com/yehaida/p/16988381.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Javascript | 分别用async await异步方法和Promise来实现一个简易的求职程序
关注公众号，一起交流，微信搜一搜: LiOnTalKING
JavaScript Promise
Promise 是一个 ECMAScript 6 提供的类，目的是更加优雅地书写复杂的异步任务。
如何创建一个 Promise 对象？
new Promise(function (resolve, reject) {
// 要做的事情...
});
Promise 的使用：
new Promise(function (resolve, reject) {
console.log(1111);
resolve(2222);
}).then(function (value) {
console.log(value);
return 3333;
}).then(function (value) {
console.log(value);
throw "An error";
}).catch(function (err) {
console.log(err);
});
执行结果：
1111 2222 3333 An error
JavaScript async/await异步方法
- async 是“异步”的简写，async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成，await 只能出现在 async 函数中。
- async 表示这是一个async函数， await只能用在async函数里面，不能单独使用
- async 返回的是一个Promise对象，await就是等待这个promise的返回结果后，再继续执行
- await 等待的是一个Promise对象，后面必须跟一个Promise对象，但是不必写then()，直接就可以得到返回值
求职面试
今天要实现的求职面试的程序，总共包含3次面试，上一次面试通过才能进入到下一次面试，3次面试都通过了就算是求职成功了，分别用Promise和async/await两种方式实现对比。
面试方法如下：
//面试
function interview(round) {
return new Promise((resole, reject) => {
setTimeout(() => {
var score = Math.random();
if (score > 0.6) {
resole(score);
} else {
var err = new Error(`分数：${score}`);
err.round = round;
reject(err)
}
}, 1000);
});
};
该方法的参数round为第几轮面试，方法返回一个promise，获取一个随机数，随机数就是面试的得分，超过0.6即为通过面试，否则为不通过。
通过异步方法来实现求职过程：
//异步方法求职
async function seekJobs() {
console.log('seekJobs => start');
console.time('seekJobs');
try {
console.log('第 1 轮面试得分：', await interview(1));
console.log('第 2 轮面试得分：', await interview(2));
console.log('第 3 轮面试得分：', await interview(3));
console.log('yeah!');
} catch (error) {
console.error('第 ' + error.round + ' 轮面试没通过：', error);
}
console.log('seekJobs => end.');
console.timeEnd('seekJobs');
return '求职已经结束。';
};
通过async声明该方法为异步方法，每一轮面试用await等待返回面试结果，通过可进入下一轮面试，不通过则记录是第几轮面试和得分，最后方法返回信息“求职已经结束。”
通过Promise方式来实现求职过程：
//promise的方式求职
function seekJobs_P() {
console.log('seekJobs => start');
console.time('seekJobs');
interview(1)
.then((score) => {
console.log('第 1 轮面试得分：', score);
return interview(2);
})
.then((score) => {
console.log('第 2 轮面试得分：', score);
return interview(3);
})
.then((score) => {
console.log('第 3 轮面试得分：', score);
console.log('yeah!');
})
.catch((error) => {
console.error('第 ' + error.round + ' 轮面试没通过：', error);
});
console.log('seekJobs => end.');
console.timeEnd('seekJobs');
return '求职已经结束。';
};
每一轮面试的通过都会进入到then，打印分数并调用下一轮面试，直到所有面试都通过，中间过程中有一轮面试没通过则进入到catch，最后同样返回信息“求职已经结束“
最后写主程序main方法
/**
* 主线程
*/
(function main() {
console.log('main.start======================================');
console.time('main');
//调用求职的异步方法,遇到await不等待,直接返回到mian方法继续执行,main执行完才输出求职返回结果
// seekJobs().then((res) => {
// console.log('求职返回：', res);
// });
//调用promise的方式求职,遇到then继续执行并返回"求职已经结束。",回到main方法输出求职返回结果,最后再输出每一次面试的分数
var res = seekJobs_P();
console.log('求职返回：', res);
console.log('main.end======================================');
console.timeEnd('main');
})();
主程序这里可以分别调用seekJobs和seekJobs_P两种方式的求职。
1、异步方法在遇到await就直接 返回到main方法，main方法继续往下执行，异步方法由另外的线程取执行，执行结束再回调。
2、promise方法则是在遇到then继续执行并返回"求职已经结束。",回到main方法输出求职返回结果,最后再输出每一次面试的分数。
Recommend
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK