Javascript学习笔记_异步模式

最新推荐文章于 2024-11-26 14:12:45 发布

chenshiying007

最新推荐文章于 2024-11-26 14:12:45 发布

阅读量787

点赞数 1

CC 4.0 BY-SA版权

分类专栏：【前端 react】

本文链接：https://blog.csdn.net/qq_27384769/article/details/78469152

【前端 react】专栏收录该内容

51 篇文章

订阅专栏

本文详细介绍了异步编程中的四种常见模式：回调、事件监听、发布/订阅及Promises对象的使用方法。通过具体示例展示了如何利用这些模式解决异步任务的执行与管理问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

异步模式

1. 回调

function f1(callback){
　　　　setTimeout(function () { 
　　　　　　// f1的任务代码 
　　　　　　callback(); 
　　　　}, 1000); 
} </br>

f1(f2);

2. 事件监听

f1.on('done', f2);

function f1(){ 
　　setTimeout(function () { 
　　　　// f1的任务代码 
　　　　f1.trigger('done'); 
　　}, 1000); 
}

3. 发布/订阅

我们假定，存在一个"信号中心"，某个任务执行完成，就向信号中心"发布"（publish）一个信号，其他任务可以向信号中心"订阅"（subscribe）这个信号，从而知道什么时候自己可以开始执行。这就叫做"发布/订阅模式"（publish-subscribe pattern），又称"观察者模式"（observer pattern）。

jQuery.subscribe("done", f2);
function f1(){
　　　setTimeout(function () {
　　　　　// f1的任务代码 
　　　　　jQuery.publish("done");
　　　}, 1000);
}

Promises对象

f1的回调函数f2,可以写成：

f1().then(f2);

function f1(){
　　var dfd = $.Deferred();
　　setTimeout(function () {
　　　　// f1的任务代码
　　　　dfd.resolve();
　　}, 500);
　　return dfd.promise;
}