wind.js助力异步编程

水深无声 2022-08-21 13:54 165阅读 0赞

出处：http://blog.fens.me/nodejs-async-windjs/

之前用的是step。看到这个，真是眼前一亮，忍不住转载了。

## 1. Wind.js介绍 ##

Wind.js是很有特点的一个JavaScript异步编程类库（其前身为Jscex）, Wind.js的唯一目的便是“改善编程体验”，改善的“程度”以及改善的“方式”便是Wind.js与其他异步流程控制方案最大的区别。Wind.js的设计思路便是将这种抽象构建为JavaScript本身。通过$await函数标识对代码进行自动重写，JIT编译(Just in Time)，从而避免人工的预编译。

我们可以在github上面找到这个项目：https://github.com/JeffreyZhao/wind

## 2. Wind.js安装 ##

**我的系统环境**

*  win7: 64bit
 *  npm: 1.2.19
 *  node: v0.10.5

**Wind.js安装**

~ mkdir node-windjs
    ~ cd node-windjs
    
    npm install wind
    npm http GET https://registry.npmjs.org/wind
    npm http 200 https://registry.npmjs.org/wind
    npm http GET https://registry.npmjs.org/wind/-/wind-0.7.3.tgz
    npm http 200 https://registry.npmjs.org/wind/-/wind-0.7.3.tgz
    npm WARN package.json wind@0.7.3 No readme data!
    wind@0.7.3 node_modules\wind

## 3. 场景一：独立事件，并行 ##

接下来我们要做的事情，会非常有意思。

**定义3个函数A(),B(),C()**  
A():耗时3秒完成  
B():耗时5秒完成  
C():瞬时时完

A(),B(),C()为3个独立事件，并行运行  
[![stage1][]][stage1]

var A = function(){
        setTimeout(function(){
            console.log("Finish A");
        },3000);
        console.log("Start A");
    }
    
    var B = function(){
        setTimeout(function(){
            console.log("Finish B");
        },5000);
        console.log("Start B");
    }
    
    var C = function(){
        console.log("Start C");
        console.log("Finish C");
    }
    
    A();
    B();
    C();
    
    //结果 
    Start A
    Start B
    Start C
    Finish C
    Finish A
    Finish B

程序执行没有任何问题，按照执行时间，打印出了Finish的顺序：C,A,B

直接使用Javascript代码，可以很好地完成功能。

## 4. 场景二：依赖事件，串行 ##

A(),B(),C()串行  
[![stage2][]][stage2]

**1). callback嵌套方式**

var A = function(){
        setTimeout(function(){
            console.log("Finish A");
            B();
        },3000);
        console.log("Start A");
    }
    
    var B = function(){
        setTimeout(function(){
            console.log("Finish B");
            C();
        },5000);
        console.log("Start B");
    }
    
    var C = function(){
        console.log("Start C");
        console.log("Finish C");
    }
    
    A();
    
    // 结果
    Start A
    Finish A
    Start B
    Finish B
    Start C
    Finish C

虽然，我们实现A,B,C串行的结果，但是代码看起来就有些不好看了。B()的调入被嵌入到了A()函数中，C()的调用也被嵌入到的B()的函数中。如果我们的调用流程再长些，回调嵌套就会成为挥之不去的噩梦啊！！

**2). Wind.js方式**

var Wind = require("wind");
    var Task =  Wind.Async.Task;
    
    var A = eval(Wind.compile("async", function () {
        console.log("Start A");
        $await(Wind.Async.sleep(3000));
        console.log("Finish A");
    }));
    
    var B = eval(Wind.compile("async", function () {
        console.log("Start B");
        $await(Wind.Async.sleep(5000));
        console.log("Finish B");
    }));
    
    var C = eval(Wind.compile("async", function () {
        console.log("Start C");
        console.log("Finish C");
    }));
    
    var task = eval(Wind.compile("async", function () {
        $await(A());
        $await(B());
        $await(C());
    }));
    task().start();
    
    //结果 
    Start A
    Finish A
    Start B
    Finish B
    Start C
    Finish C

结果就是我们想要的，我们是按照$await(A()),$await(B()),$await(C())的顺序定义的，而且顺序执行的。比起callback嵌套方式的，大有改观，更便于以后的代码维护。

## 5. 场景三：组合事件，并行+串行 ##

先A(),B()并行，都完成后再运行C()  
[![stage3][]][stage3]

**1). callback嵌套方式**  
同时，引入一个全局变量stat，判断A,B的完成情况。

var A = function(){
        setTimeout(function(){
            console.log("Finish A");
            if(++stat == 2) C();
        },3000);
        console.log("Start A");
    }
    
    var B = function(){
        setTimeout(function(){
            console.log("Finish B");
            if(++stat == 2) C();
        },5000);
        console.log("Start B");
    }
    
    var C = function(){
        console.log("Start C");
        console.log("Finish C");
    }
    
    var stat=0;
    A();
    B();
    
    //结果
    Start A
    Start B
    Finish A
    Finish B
    Start C
    Finish C

虽然实现功能，但代码已经混乱了。我相信大部分人都不愿意去维护这样的代码的。

**2). Wind.js方式**

var Wind = require("wind");
    var Task =  Wind.Async.Task;
    
    var A = eval(Wind.compile("async", function () {
        console.log("Start A");
        $await(Wind.Async.sleep(3000));
        console.log("Finish A");
    }));
    
    var B = eval(Wind.compile("async", function () {
        console.log("Start B");
        $await(Wind.Async.sleep(5000));
        console.log("Finish B");
    }));
    
    var C = eval(Wind.compile("async", function () {
        console.log("Start C");
        console.log("Finish C");
    }));
    
    var task = eval(Wind.compile("async", function () {
        $await(Task.whenAll(A(),B()));
        $await(C());
    }));
    task().start();
    
    //结果
    Start A
    Start B
    Finish A
    Finish B
    Start C
    Finish C

wind.js又一次拯救我们的代码，这样的代码有章有法，看起来才舒服。

wind.js帮助我们很好地规范了异步编程，用过了，你还舍得放弃吗？

[stage1]: /images/20220724/762f3e671c934ddfa1c378364207b3b4.png
[stage2]: /images/20220724/302cb355bcc3488e904468f48923effb.png
[stage3]: /images/20220724/1e615395c1a547c688df77b3d8d7296c.png

发表评论取消回复

表情：

评论列表（有 0 条评论，165人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascirp异步编程

在上一篇[彻底弄清Javascirpt中的同步和异步][Javascirpt]一问当中，介绍了Javascirp代码执行的概念，同步和异步的原理。学习过Javascript

我不是女神ヾ/ 2022年12月31日 02:27/ 0 赞/ 170 阅读

相关异步编程-Future

Future可以说是在Dart异步编程中随处可见，比如一个网络请求返回的是Future对象，或者访问一个SharedPreferences返回一个Future对象等等。异步操作

港控/mmm°/ 2022年11月04日 11:25/ 0 赞/ 173 阅读

相关异步编程-Future

Future可以说是在Dart异步编程中随处可见，比如一个网络请求返回的是Future对象，或者访问一个SharedPreferences返回一个Future对象等等。异步操作

迷南。/ 2022年10月23日 15:30/ 0 赞/ 168 阅读

相关 JavaScript异步编程

简介 JavaScript是一种单线程执行的脚本语言，为了不让一段JavaScript代码执行时间过久，阻塞UI的渲染或者是鼠标事件处理，通常会采用一种异步的[编程][Lin

港控/mmm°/ 2022年08月26日 14:12/ 0 赞/ 195 阅读

相关 wind.js助力异步编程

出处：http://blog.fens.me/nodejs-async-windjs/ 之前用的是step。看到这个，真是眼前一亮，忍不住转载了。 1. Wind.

水深无声/ 2022年08月21日 13:54/ 0 赞/ 166 阅读

相关 JavaScript 异步编程

异步编程 Async JavaScript 在 Node 面前获得前所未有的重视。本文结合 Trevor Burnham 所著 [《Async JavaScript Build

我会带着你远行/ 2022年08月11日 03:24/ 0 赞/ 203 阅读

相关 Node -- 异步编程

函数式编程在JS中，函数为一等公民。函数可以作为参数／返回值。高阶函数高阶函数就是把其他函数作为参数或者返回值的函数。栗子： function

亦凉/ 2022年06月13日 07:51/ 0 赞/ 213 阅读

相关 java异步编程

很多时候我们都希望能够最大的利用资源，比如在进行IO操作的时候尽可能的避免同步阻塞的等待，因为这会浪费CPU的资源。如果在有可读的数据的时候能够通知程序执行读操作甚至由

Love The Way You Lie/ 2022年06月03日 06:51/ 0 赞/ 221 阅读

相关异步并发编程

异步事件驱动开发 web flux reactive async Vert.x异步编程什么是Vert.x 是一个在JVM平台构建reactive应用

r囧r小猫/ 2022年03月20日 09:30/ 0 赞/ 285 阅读

相关异步编程——promise

异步编程——promise 定义 Promise是异步编程的一个解决方案，相比传统的解决方法——回调函数，使用Promise更为合理和强大，避免了回调函数之间的层层嵌套，...

测试账号/ 2021年01月09日 09:33/ 0 赞/ 773 阅读