首页 web前端 js教程 javascript异步编程方法有哪些

javascript异步编程方法有哪些

Apr 19, 2019 pm 01:07 PM
javascript 异步编程

JavaScript实现异步编程的方法有:易于理解和实现但是代码不好维护的回调方法,发布/订阅方法,易于理解并且可绑定多个事件但是工作流程混乱的事件监听方法,Promises方法

异步模式是非常重要,在浏览器端长时间运行的操作应该异步执行,以避免不响应。接下来将在文章中为大家详细介绍JavaScript中异步编程方法的实现,具有一定参考作用,希望对大家有所帮助。

javascript异步编程方法有哪些

【推荐课程:JavaScript教程

大家都知道JavaScript的执行环境是单线程的,单线程就意味着在任何时候都只能运行一个任务。如果遇到多任务的时候就需要在队列中等待上一任务的完成。因此耗费时间比较多,同步模式就类似于这种单线程模式,异步模式是完全不同的,每一个任务都有一个回调函数,当一个任务完成后,它将执行回调函数,后面的任务可以与前一个任务同时运行。任务的执行顺序与队列中的任务序列不同。

方法一:回调方法

这个方法是异步编程的基本方法,假设有两个函数f1和f2,后者将等待第一个函数的结果。

F1(); 
F2();
登录后复制

如果f1是长时间运行的操作,则可以重写f1并将f2作为f1的回调函数。

function f1(callback){
setTimeout(function () {
 callback();
    }, 1000);
}
登录后复制

使用此模式,同步操作就可以转换为异步操作,f1不会阻止程序执行,它会将先执行主逻辑然后再执行耗时的操作

回调函数的优点是易于理解和实现,缺点是代码不可读和可维护,不同的组件高度耦合,工作流非常混乱,每个任务只能有一个回调函数。

方法二:发布/订阅

此事件可以理解为信号,假设存在信号中心,如果一个任务完成,它将向信号中心发布信号,其他任务可以从订阅信号中心接收指定信号。这种方法就称为发布/订阅模式或者是观察者模式。

例:f2向信号中心订阅完成信号

jQuery.subscribe(“done”,f2);
登录后复制

然后写f1为

function f1(){
    setTimeout(function () {
     jQuery.publish("done");
    }, 1000);
}
登录后复制

jQuery.publish(“done”)表示当f1完成执行时它将向信号中心发送一个完成信号,然后f2将开始执行。

当f2完成执行时,它可以取消订阅。

jQuery.unsubscribe(“done”,f2);
登录后复制

方法三:事件监听

另一种方法是事件驱动模式,一个任务的执行不依赖于代码顺序,它们等待一个事件发生。在本例中仍然使用f1和f2,首先将一个事件绑定到f1。

f1.on('done',f2);
登录后复制

上述代码的含义是如果f1完成事件发生,则执行f2。

function f1(){
    setTimeout(function () {
      f1.trigger('done');
    }, 1000);
}
登录后复制

f1.trigger('done')表示它将触发done事件,然后在执行完成时执行f2。

优点是它易于理解并且可以绑定多个事件,每个事件都可以具有许多回调函数,并且它可以解耦哪个有利于模块化。缺点是整个程序将被事件驱动,工作流程不是很清楚。

方法四:Promises方法

Promises对象是CommonJS提出的标准,目的是为异步编程提供通用接口。每个异步任务都会返回一个Promises对象,这个对象有一个允许设置回调函数的then方法。例如,f1的回调函数f2:

F1().then(F2)
登录后复制

f1应写成:

function f1(){
    var dfd = $.Deferred();
    setTimeout(function () {
        dfd.resolve();
    }, 500);
    return dfd.promise;
}
登录后复制

优点是回调函数是链接的,程序的工作流程非常清晰,它有一套完整的链接方法,可用于实现强大的功能。

例如,设置多个回调函数:

f1().then(f2).then(f3);
登录后复制

还有一个例子,如果有错误:

f1().then(f2).fail(f3);
登录后复制

其他三种方法不具备的一个优点是一旦完成一个任务,如果添加更多的回调函数,它们将立即执行。缺点是它不容易理解。

总结:以上就是本篇文章的全部内容了,希望对大家有所帮助。

以上是javascript异步编程方法有哪些的详细内容。更多信息请关注PHP中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

如何用 C++ 函数实现异步编程? 如何用 C++ 函数实现异步编程? Apr 27, 2024 pm 09:09 PM

摘要:C++中的异步编程允许多任务处理,无需等待耗时操作。使用函数指针创建指向函数的指针。回调函数在异步操作完成时被调用。boost::asio等库提供异步编程支持。实战案例演示了如何使用函数指针和boost::asio实现异步网络请求。

简易JavaScript教程:获取HTTP状态码的方法 简易JavaScript教程:获取HTTP状态码的方法 Jan 05, 2024 pm 06:08 PM

JavaScript教程:如何获取HTTP状态码,需要具体代码示例前言:在Web开发中,经常会涉及到与服务器进行数据交互的场景。在与服务器进行通信时,我们经常需要获取返回的HTTP状态码来判断操作是否成功,根据不同的状态码来进行相应的处理。本篇文章将教你如何使用JavaScript获取HTTP状态码,并提供一些实用的代码示例。使用XMLHttpRequest

Java框架异步编程中的常见问题与解决方案 Java框架异步编程中的常见问题与解决方案 Jun 04, 2024 pm 05:09 PM

Java框架异步编程中常见的3个问题和解决方案:回调地狱:使用Promise或CompletableFuture以更直观的风格管理回调。资源竞争:使用同步原语(如锁)保护共享资源,并考虑使用线程安全集合(如ConcurrentHashMap)。未处理异常:明确处理任务中的异常,并使用异常处理框架(如CompletableFuture.exceptionally())处理异常。

golang框架如何处理并发和异步编程? golang框架如何处理并发和异步编程? Jun 02, 2024 pm 07:49 PM

Go框架利用Go的并发和异步特性提供高效处理并发和异步任务的机制:1.通过Goroutine实现并发,允许同时执行多个任务;2.通过通道实现异步编程,在不阻塞主线程的情况下执行任务;3.适用于实战场景,如并发处理HTTP请求、异步获取数据库数据等。

如何在JavaScript中获取HTTP状态码的简单方法 如何在JavaScript中获取HTTP状态码的简单方法 Jan 05, 2024 pm 01:37 PM

JavaScript中的HTTP状态码获取方法简介:在进行前端开发中,我们常常需要处理与后端接口的交互,而HTTP状态码就是其中非常重要的一部分。了解和获取HTTP状态码有助于我们更好地处理接口返回的数据。本文将介绍使用JavaScript获取HTTP状态码的方法,并提供具体代码示例。一、什么是HTTP状态码HTTP状态码是指当浏览器向服务器发起请求时,服务

Python异步编程: 实现高效并发的异步代码之道 Python异步编程: 实现高效并发的异步代码之道 Feb 26, 2024 am 10:00 AM

1.为什么要使用异步编程?传统编程使用阻塞式I/O,这意味着程序会等待某个操作完成,然后才能继续执行。这对于处理单个任务来说可能很有效,但对于处理大量任务时,可能会导致程序变慢。异步编程则打破了传统阻塞式I/O的限制,它使用非阻塞式I/O,这意味着程序可以将任务分发到不同的线程或事件循环中执行,而无需等待任务完成。这允许程序同时处理多个任务,提高程序的性能和效率。2.python异步编程的基础Python异步编程的基础是协程和事件循环。协程是允许函数在暂停和恢复之间切换的函数。事件循环则负责调度

PHP 异步编程的优势与劣势? PHP 异步编程的优势与劣势? May 06, 2024 pm 10:00 PM

异步编程在PHP中的优势包括更高的吞吐量、更低的延迟、更好的资源利用和可扩展性。其劣势包括复杂性、调试难度和有限的库支持。实战案例中,ReactPHP用于处理WebSocket连接,展示了异步编程的实际应用。

Python异步编程: 揭秘异步编程的本质, 优化代码性能 Python异步编程: 揭秘异步编程的本质, 优化代码性能 Feb 26, 2024 am 11:20 AM

异步编程,英文AsynchronousProgramming,是指程序中的某些任务可以并发地执行,而无需等待其他任务完成,从而提高程序的整体运行效率。在python中,asyncio模块是实现异步编程的主要工具,它提供了协程、事件循环和其他异步编程所需的组件。协程:协程(Coroutine)是一种特殊的函数,它可以被暂停然后恢复执行,就像线程一样,但协程比线程更轻量级,内存消耗更低。协程由async关键字声明,并在await关键字处暂停执行。事件循环:事件循环(EventLoop)是异步编程中的

See all articles