基于javascript的异步编程实例详解
187 浏览量
2020-10-20
01:25:09
上传
评论
收藏 83KB PDF 举报
基于基于javascript的异步编程实例详解的异步编程实例详解
主要介绍了基于javascript的异步编程,结合实例形式分析了javascript异步编程的原理、实现技巧与相关注意事
项,需要的朋友可以参考下
本文实例讲述了基于javascript的异步编程。分享给大家供大家参考，具体如下：
异步函数这个术语有点名不副实，调用一个函数后，程序只在该函数返回后才能继续。JavaScript程序员如果称一个函数为异
步的，其意思就是这个函数会导致将来再运行另一个函数，后者取自于事件队列这个函数会导致将来再运行另一个函数，后者取自于事件队列。如果后面这个函数是作为参数传递给前者
的，则称其为回调函数。
callback
回调函数是异步编程最基本的方式。
采用这种方式，我们把同步操作变成了异步操作，主函数不会堵塞程序运行，相当于先执行程序的主要逻辑，将耗时的操作推
迟执行。
回调函数的优点是简单、容易理解和部署，缺点是不利于代码的阅读和维护。
我们定义一个delay函数，它是异步的，也就是说它会拖延指定函数的执行，从而使现在正在执行的程序继续执行。delay函数
如下：
function delay(time, callback) {
setTimeout(function () {
callback("Slept for "+time);
}, time);
}
那么如果我要delay两次呢？
delay(1000, function(msg) {
console.log(msg);
delay(1200, function (msg) {
console.log(msg);
}
})
//...waits 1000ms
// > "Slept for 1000"
//...waits another 1200ms
// > "Slept for 1200"
只有这样我们才能够确保两个delay一个接一个的执行。如果层次多了呢？就会形成回调地狱。当异步任务很多时，维护大量
的callback将是一场灾难。
Promise
Promise是一个被纳入ES6中的规范，各大框架也早已实现相关方法。
Promise可以理解为一个承诺，如果A调用B，B返回一个承诺给A，然后A就可以在写计划的时候这么写，当B返回结果的时
候，A就执行方案1，如果B没有返回A要的结果，A就执行方案2。这样一来，所有的潜在风险就都在所有的潜在风险就都在A的可控范围之内了。的可控范围之内了。
我们看看ES6中promise的用法示例：
'use strict';
var promiseCount = 0;
function testPromise() {
var thisPromiseCount = ++promiseCount;
var log = document.getElementById('log');
log.insertAdjacentHTML('beforeend', thisPromiseCount +') Started (<small>Sync code started</small>)<br/>');
// 我们创建一个新的Promise，期望3秒后得到结果
var p1 = new Promise(
//当Promise解决或拒绝时该函数被调用
function(resolve, reject) {
log.insertAdjacentHTML('beforeend', thisPromiseCount +') Promise started (<small>Async code started</small>)<br/>');
// 创建异步操作
window.setTimeout(
function() {
// 满足Promise
resolve(thisPromiseCount);
}, Math.random() * 2000 + 1000);
});
// 当Promise被满足时执行
资源评论
