Javascript:自己写异步流程编程框架
背景
自从NodeJs出来以后,异步编程便更加系统化和框架话了,为了应对异步编程框架带来的深层嵌套问题,社区也出现了异步流程编程框架,本文主要对异步流程框架做一个简单的解析。
现配代码了
var Asy = function () {
};
Asy.start = function (action, success, failure) {
var asy = new Asy();
asy._addAction(action, success, failure);
return asy;
}
Asy.emptyFun = function () { };
Asy.prototype.then = function (action, success, failure) {
var me = this;
me._addAction(action, success, failure);
return me;
};
Asy.prototype._addAction = function (action, success, failure) {
var me = this;
me._actions = me._actions || [];
me._actions.push({
action: action || Asy.emptyFun,
success: success || Asy.emptyFun,
failure: failure || Asy.emptyFun
});
};
Asy.prototype.execute = function () {
var me = this;
var length = me._actions.length;
var resultFun = function () {
var args = Array.prototype.slice.call(arguments)
.concat([me._actions[length - 1].success, me._actions[length - 1].failure])
me._actions[length - 1].action.apply(null, args);
};
for (var i = me._actions.length - 2; i >= 0 ; i--) {
(function (action) {
var oldResultFun = resultFun;
resultFun = function () {
var newSuccess = function () {
var args = Array.prototype.slice.call(arguments);
action.success.apply(null, args);
oldResultFun.apply(null, args);
};
var args = Array.prototype.slice.call(arguments)
.concat([newSuccess, action.failure]);
action.action.apply(null, args);
};
})(me._actions[i]);
};
var args = Array.prototype.slice.call(arguments);
resultFun.apply(null, args);
}
var testAsyFun = function (i, success, failure) {
setTimeout(function () {
i = i + 1;
success(i);
}, 2000);
};
Asy
.start(testAsyFun, function (i) {
console.log("A:" + i);
})
.then(testAsyFun, function (i) {
console.log("B:" + i)
})
.then(testAsyFun, function (i) {
console.log("C:" + i)
})
//.wait([testAsyFun], [testAsyFun], function () {
//})
.execute(1);
Javascript:自己写异步流程编程框架的更多相关文章
- js 异步流程控制之 avQ(avril.queue)
废话前言 写了多年的js,遇到过最蛋疼的事情莫过于callback hell, 相信大家也感同身受. 业界许多大大也为此提出了很多不错的解决方案,我所了解的主要有: 朴灵 event proxy, 简 ...
- android 异步加载框架 原理完全解析
一.手写异步加载框架MyAsycnTask(核心原理) 1.我为大家手写了一个异步加载框架,涵盖了异步加载框架核心原理. MyAsycnTask.java import android.os.Hand ...
- Javascript异步编程之三Promise: 像堆积木一样组织你的异步流程
这篇有点长,不过干货挺多,既分析promise的原理,也包含一些最佳实践,亮点在最后:) 还记得上一节讲回调函数的时候,第一件事就提到了异步函数不能用return返回值,其原因就是在return语句执 ...
- Javascript教程:js异步模式编程的4种解决方法
随着人们对网站视觉效果及用户体验的要求越来越高,所以在未来网站的建设中,设计师们开始越来越多的使用了js文件来达到预期的效果,随着js文件的越来越多,令设计师们最头痛的事情也就来了,那就是Javasc ...
- JavaScript异步流程控制的前世今生
Javascript语言将任务的执行模式分成两种:同步(Synchronous)和异步(Asynchronous). 什么是同步编程 "同步模式"就是上一段的模式,后一个任务等待前 ...
- 微信公众帐号开发。大家是用框架还是自己写的流程。现在遇到若干问题。请教各路大仙 - V2EX
微信公众帐号开发.大家是用框架还是自己写的流程.现在遇到若干问题.请教各路大仙 - V2EX 微信公众帐号开发.大家是用框架还是自己写的流程.现在遇到若干问题.请教各路大仙
- JS函数 编程练习 使用javascript代码写出一个函数:实现传入两个整数后弹出较大的整数。
编程练习 使用javascript代码写出一个函数:实现传入两个整数后弹出较大的整数. 任务 第一步: 编写代码完成一个函数的定义吧. 第二步: 我们来补充函数体中的控制语句,完成函数功能吧. 提示: ...
- 【javascript】Promise/A+ 规范简单实现 异步流程控制思想
——基于es6:Promise/A+ 规范简单实现 异步流程控制思想 前言: nodejs强大的异步处理能力使得它在服务器端大放异彩,基于它的应用不断的增加,但是异步随之带来的嵌套.难以理解的代码让 ...
- 为什么 Node.js 这么火,而同样异步模式 Python 框架 Twisted 却十几年一直不温不火?
twisted是一个强大的异步网络框架,应用的面也非常广,但是没有这几年才出现的Node.js火,社区.文档也是很少可怜我觉得二者其实在本质上差不多,而且python使用起来还是比较容易一些的 匿名用 ...
随机推荐
- ecplise里的run as里只有run configurations是怎么回事?
一.没有main方法 二.main方法所在的类不是在与文件名同名的类中
- Coursera台大机器学习技法课程笔记11-Gradient Boosted Decision Tree
将Adaboost和decision tree相结合,需要注意的地主是,训练时adaboost需要改变资料的权重,如何将有权重的资 料和decision tree相结合呢?方法很类似于前面讲过的bag ...
- linux install weblogic
一.安装文件 wls1036_generic.jar weblogic 通用版本 jrockit-jdk1.6.0_45-R28.2.7-4.1.0-linux-x64 jdk ...
- visual studio code插件精选
HTML Snippets 超级实用且初级的 H5代码片段以及提示 HTML CSS Support 让 html 标签上写class 智能提示当前项目所支持的样式 JavaScript Atom G ...
- ERP渠道文档详细和修改(二十五)
前端代码: <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="ChannelD ...
- 195 Tenth Line
Given a text file file.txt, print just the 10th line of the file. Example: Assume that file.txt has ...
- (转载)How browsers work--Behind the scenes of modern web browsers (前端必读)
浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工 作原理,我们将看到,从你在地址栏输入google.com到你看到google主页过程中都发生了什么. 将讨论的浏览器 今天,有五种主流浏览器— ...
- Vue.JS 2.x
基于ThinkPHP 5.0与Vue.JS 2.x的前后端开源开发框架VueThink VueThink 项目介绍 VueThink是一套基于Vue全家桶(Vue2.x + Vue-router2.x ...
- linux密码暴力破解机
linux 密码保存在 /etc/shadow shadow 文件的保存格式 python:$$mWSyC6Pv$hpMreQT77R9ML/Xx1QnRAow1tUTDjIowaTssV7bZw9S ...
- codeM编程大赛E题 (暴力+字符串匹配(kmp))
题目大意:S(n,k)用k(2-16)进制表示1-n的数字所组成的字符串,例如S(16,16)=123456789ABCDEF10: 解题思路: n最大50000,k最大100000,以为暴力会超时. ...