Wind.js有奖征文第一期

请教下，为什么我使用你wind后用webstorm6无法调试了，去掉后就正常.之前的webstorm5不存在这样的问题,能否帮忙解决一下？

穿越了？

/***********************************************************************
      Async helpers
     ***********************************************************************/
    
    var sleep = Async.sleep = function (delay, /* CancellationToken */ ct) {
        return Task.create(function (t) {
            if (ct && ct.isCancellationRequested) {
                t.complete("failure", new CanceledError());
            }

            var seed;
            var cancelHandler;
            
            if (ct) {
                cancelHandler = function () {
                    clearTimeout(seed);
                    t.complete("failure", new CanceledError());
                }
            }
            
            var seed = setTimeout(function () {
                if (ct) {
                    ct.unregister(cancelHandler);
                }
                
                t.complete("success");
            }, delay);
            
            if (ct) {
                ct.register(cancelHandler);
            }
        });
    }

@jeffz 定义了两个seed

支持下

围观...

好久没见@jeffz

路过，顶一下jeffz大神

https://github.com/kriskowal/q

@jeffz 好的,谢谢!

@151263 问题出在for-in的编译上，现在也改好了。

@jeffz 好的,辛苦了,谢谢!

这个问题已经修复了。

Wind.js有多少API？Wind.js就是普通JS不是么，剩下的知道一个Task对象就差不多了。

哦了..3q..

@bshy522 http://windjs.org/cn/blog/2012/09/eval-the-method-cannot-be-encapsulated/

前两天用node写程序时,顺便查了一下 async.js 和 jscex(wind.js)两个的api. 仅就我个人看法.觉得 async.js的api 更友好. windjs感觉稍稍复杂一点.而且有讨厌的eval.

以前也接触过jscex.js, 是真的想支持国产.并使用国产. 所以请问老赵,为何不把eval封装到类库里 而要让开发者自己每次都写呢?

@jeffz 不客气, 我现在的项目我用Task.whenAll()绕过去,for in的我也绕过去了 等下周以后,等你解决了之后我再换回来

代码是正确的，原因跟上面一样，我得看看，多谢。

好的，这可能是Task改着改着出问题了，我要多搞点单元测试了……

@151263 这是个严重的问题，不过我需要过了这个周末才能看一下，多谢。

多谢提醒，报错信息就是正在加强的东西。

var Wind = require("wind");
var Task = Wind.Async.Task;

var aaTk = function(arg) {
	return Task.create(function(tk){
		tk.complete("success","aaa");
	});
};
var testAsync = eval(Wind.compile("async",function(){
	var tt = aaTk();
	tt.start();
	
	var bb = $await(Task.whenAll(tt));
	console.log(bb);
}));
testAsync().start();

这段代码确实正确的,运行通过....

再有:

var Wind = require("wind");
var Task = Wind.Async.Task;

var aaTk = function(arg) {
	return Task.create(function(tk){
		tk.complete("success","aaa");
	});
};
var testAsync = eval(Wind.compile("async",function(){
	var tt = aaTk();
	//tt.start();
	
	var bb = $await(tt);
	console.log(bb);
}));
testAsync().start();

这段代码得出了正确的结果:aaa 但是:

var Wind = require("wind");
var Task = Wind.Async.Task;

var aaTk = function(arg) {
	return Task.create(function(tk){
		tk.complete("success","aaa");
	});
};
var testAsync = eval(Wind.compile("async",function(){
	var tt = aaTk();
	tt.start();
	
	var bb = $await(tt);
	console.log(bb);
}));
testAsync().start();

这段代码却报错了,报的错是: TypeError: Cannot read property 'error' of undefined 这让我非常费解???你看看,是bug还是我哪里理解的不对

var Wind = require("wind");
var Task = Wind.Async.Task;

var aaTk = function(arg) {
	return Task.create(function(tk){
		tk.complete("success","aaa");
	});
};
var testAsync = eval(Wind.compile("async",function(){
	var tt = aaTk();
	
	var bb = $await(tt);
	console.log(bb);
	
//	var cc = $await(tt);
//	console.log(cc);
}));
testAsync().start();

这段代码得出了正确的结果:aaa

var Wind = require("wind");
var Task = Wind.Async.Task;

var aaTk = function(arg) {
	return Task.create(function(tk){
		tk.complete("success","aaa");
	});
};
var testAsync = eval(Wind.compile("async",function(){
	var tt = aaTk();
	
	var bb = $await(tt);
	console.log(bb);
	
	var cc = $await(tt);
	console.log(cc);
}));
testAsync().start();

这段代码去报错了: An error occurred in "complete listener": TypeError: Cannot read property 'error' of undefined 这让我难以理解,能不能给我解释一下为什么这段代码会报错? 谢谢!

var Wind = require("wind");
var Task = Wind.Async.Task;

var testAsync = eval(Wind.compile("async",function(){
	var aaTk = function(arg) {
		return Task.create(function(tk){
			tk.complete("success","aaa");
		});
	};
	var bb = $await(aaTk());
	console.log(bb);
}));
testAsync().start();

这一段代码,得出了正确的结果,aaa

但是,如果我一个不小心丢了两个括号:

var Wind = require("wind");
var Task = Wind.Async.Task;

var testAsync = eval(Wind.compile("async",function(){
	var aaTk = function(arg) {
		return Task.create(function(tk){
			tk.complete("success","aaa");
		});
	};
	var bb = $await(aaTk);
	console.log(bb);
}));
testAsync().start();

报错信息是: TypeError: Cannot read property 'error' of undefined 这中报错信息实在太隐蔽了,你看看有没有办法做的让报错信息准确一点

我看到你的源码中sleep是用这个方法setTimeout(fn, delay)来实现的 但是,我的问题是,当delay的值为0的时候,setTimeout(fn, 0)这样是有问题的 最好用这个setImmediate来实现, 至少,你可以在文档上提醒一下用户这个问题

@jeffz
1.

var Wind = require("wind");
var testFn = eval(Wind.compile("async",function(){
	for(var i=0; i<10; i++) {
		$await(Wind.Async.sleep(100));
		if(i === 0) continue;
		for(var key in {"f0":"aa","f1":"bb"}) {
			$await(Wind.Async.sleep(100));
			if(key === "f0") continue;
			console.log(key);
		}
	}
}));
testFn().start();

这段代码得出正确的结果.

2.但是,如果我只注释了里层for循环的$await那一句:

var Wind = require("wind");
var testFn = eval(Wind.compile("async",function(){
	for(var i=0; i<10; i++) {
		$await(Wind.Async.sleep(100));
		if(i === 0) continue;
		for(var key in {"f0":"aa","f1":"bb"}) {
			//$await(Wind.Async.sleep(100));
			if(key === "f0") continue;
			console.log(key);
		}
	}
}));
testFn().start();

得出的结果是错误的........

3.如果我注释掉了两条$await语句:

var Wind = require("wind");
var testFn = eval(Wind.compile("async",function(){
	for(var i=0; i<10; i++) {
		//$await(Wind.Async.sleep(100));
		if(i === 0) continue;
		for(var key in {"f0":"aa","f1":"bb"}) {
			//$await(Wind.Async.sleep(100));
			if(key === "f0") continue;
			console.log(key);
		}
	}
}));
testFn().start();

得出的结果也是正确的....

这里,有点诡异,应该是一个bug.....

@jeffz 我在实际的项目中遇到的问题,怀疑这个嵌套的for循环 里面的循环有in关键字的话,会有问题, 于是单独写了个这样的例子来测试

@jeffz $await(Wind.Async.sleep(100)); 把这段代码删除之后,就得到了期望的值,9个f1

@jeffz 期望打印出来的值是9个f1

@jeffz

var Wind = require("wind");
var Task = Wind.Async.Task;

var testFn = eval(Wind.compile("async",function(){
	var obj = {"f0":"aa","f1":"bb"};
	for(var i=0; i<10; i++) {
		$await(Wind.Async.sleep(100));
		if(i === 0) continue;
		for(var key in obj) {
			if(key === "f0") continue;
			console.log(key);
		}
	}
}));
testFn().start();

这段代码编译之后有bug,里层for循环的continue被误认为是外层的for循环了, 期望打印出来的值是9个bb,但实际上没有打印出来任何值,你试试看

@151263 好的，多谢。

@jeffz 我是经过反复认真思考之后,认为这个方法应该成为我项目里面的标准方法,标准库 所以问一下你觉得要不要加入你自己的源码里面, 没关系,或许你有别的考虑,我只是建议一下,你看吧

@151263 真需要的话就这样自己写一个吧……我觉得这是有点滥用JS的动态特性，不是好的实践，就在类库里内置这个辅助方法了。

@jeffz var obj = 2; ..... N多代码之后(或者别人写的API,我允许别人返回一个真实的值,也允许他返回一个Task),obj可能是Task,也可能是一个值2,3,4什么的 obj = $await(Task.toTask(obj));

@jeffz 在whenAll的时候,我知道里面的对象可能是Task,也可以能是一个值 或者在$await的时候,我想容错性更高,里面的值我不想判断是否是Task,统一 当做它是Task 这种情况比较多,如果要写一段判断的代码,就比较麻烦了

什么情况下需要？

@151263 好的，多谢提出bug……

@jeffz

Wind.Async.Task.toTask = function(arg) {
	if(Task.isTask(arg)) return arg;
	return Task.create(function(tk){
		tk.complete("success",arg);
	});
};

Task中增加一个这个方法怎么样? 有这个方法,写起代码来就更方便了

我是真正在实际项目中遇到的,以后要是遇到一些小bug还得请你多多帮忙 我叫 木木勇 wind总体来说是非常优秀的,确实不错,有机会写个源码分析的文章给我们看看呗 像mootools一样能容易懂源码的,我用着比较放心 jquery我就不敢用了,源码飞来飞去的,完全搞不懂

这个小问题挺重要的,不然初学者脑袋就大了,编译之后少了两个括号 (function(){ ... })() 变成 function(){ ... }();

错误提示,SyntaxError: Unexpected token (

var Wind = require("wind");
var mergerJsAsync = eval(Wind.compile("async",function(paths){
	$await(Wind.Async.sleep(100));
	for(var i=0; i<10; i++) {
		void function(i){
			console.log(i);
		}(i);
	}
}));
mergerJsAsync().start();

这样就没问题

var Wind = require("wind");
var mergerJsAsync = eval(Wind.compile("async",function(paths){
	$await(Wind.Async.sleep(100));
	for(var i=0; i<10; i++) {
		(function(i){
			console.log(i);
		})(i);
	}
}));
mergerJsAsync().start();

@jeffz 你测一下,这段代码有bug,编译无法通过,

@jeffz 来看看我总结的,把wind融合到项目里面去,顺便写了一篇wind.js的文章,见笑 http://cnodejs.org/topic/504793fdac9200ab280e2633

@jeffz 好的！

@jeffz 也可以,或者把源代码里面的※号都替换成_※号_ 反正注释里面的东西只是用来给人大概看一下的,不是用来执行的

@151263 单行注释就不能放在代码前面了，我想了想要不我就过滤掉正则这种情况吧，影响应该不大。多谢提出这个问题。

@151263 多谢，我需要补文档……

@cony138 视频不是我录的，不过就算没视频我也会写文章的，别担心。

建议wind的注释不要用※号斜杠来注释, 而是用//来注释,用单行注释, 在编译之后,注释到对应的代码的上一行 多行注释不能嵌套,跟正则表达式有冲突

这里,我打不出来※号 简单的说就是,当我的javascript的正则表达是里面 //g这样的正则表达式里面有※/的时候 wind编译出来的代码就会报错

因为那代码里面已经有※号斜杠了,而wind编译之后也用※号斜杠来注释这段代码

有一个小bug 当我的程序里面有这样一段代码的时候

if (! /^\/.Srv\/./g.test(ph)) {

通过wind编译之后会有这样一段代码

/*         if (! /^\/.*Srv\/.*/g.test(ph)) { */

@jeffz 如果老赵可以把演讲的视频直接贴在windjs.org上，会更加直观 吸引人。

@jeffz 我真的是非常想去，可是周五要上班，周六半天加班，好不容易周日有空， 周日又是编程马拉松，对我这种菜鸟，就不考虑了。哈哈，提个建议，hujs按天分开 卖票，大多数人都只能去一天，却要支付去3天的钞票，再加路费住宿，还是会让人 稍微肉疼一下的。 最后祝wind.js一番wind顺。

了解了 npm install windc

windc?

@jeffz http://windjs.org/cn/docs/aot/ 这个链接打不开 预编译的方法在哪儿?

好像是从域名被抢注开始的...

@jeffz npm WARN package.json [email protected] No README.md file found!

@cony138 哦哦，话说你参加HuJS吗？那里会展示Wind.js是多么可调试，呵呵。

@151263 多谢！

@jeffz 被你的热情打动了, 看来,可以考虑试试把wind融合到我们公司的ERP项目里面去

为啥要改名字呢

@jeffz 留言的时候依据自己很早前的一次经验，可能并不适用于目前wind.js。 那次我在使用时出现了一个错误，但是游览器的断点停止在了 eval(Jscex.compile这一行，没有标明出错的原因，并把所需要complie的内容 全部标黄了。 这一次经历对我造成不太好的感觉。不过关于错误报告，目前好象是在console 里面有把编译阶段出现的错误类型和大致内容写出来，这样挺好的。 （断行版）

@jeffz 留言的时候依据自己很早前的一次经验，可能并不适用于目前wind.js。那次我在使用时出现了一个错误，但是游览器的断点停止在了eval(Jscex.compile这一行，没有标明出错的原因，并把所需要complie的内容全部标黄了。 这一次经历对我造成不太好的感觉。不过关于错误报告，目前好象是在console里面有把编译阶段出现的错误类型和大致内容写出来，这样挺好的。

whenAll：http://windjs.org/cn/docs/async/helpers.html

没懂啥叫出错时断点在eval那行，能不能具体说说？

EventProxy的表达还是被强制拆分了。

用windJs如果有并发怎么表示? 比如: for (var i = 0; i < 10; i++) { await { setTimeout (defer (), 100); setTimeout (defer (), 10); } console.log ("hello"); } 这里的伪代码表示的是,await 等待两个setTimeout并发之后,打印hello 用windJs怎么表示??

开始使用Wind.js了, 发现文档有些地方有小bug,

• http://windjs.org/cn/docs/async/binding.html var seed - 重复
• http://windjs.org/cn/docs/ 「加载模块」 链接失效

对于老赵大神很崇拜也很佩服，在试用了jscex（我还是喜欢这个名字，听起来像是jsex）后，有些疑问，希望老赵大神帮忙解答一下。 对于嵌套的回调来说 比如：

function a(){
      dosth(function b (){
              dosth(function c(){
              
               });
      })
},

用wind来写就是 await(a()); await(b()); await(c()); 这样的表达很清晰自然， 但是这样并不好调试，虽然在出错时会出现编译好的代码，但是出错的断点却只能在eval那行，如果内部有比较复杂的逻辑，出错的地方比较难找 如果用eventProxy，则会简单一些 比如：

proxy.bind('aDone',b)
proxy.bind('bDone',c)
function a(){
    proxy.trigger('aDone');
}
function b(){
    proxy.trigger('bDone');
}
function c(){

}

希望能听听老赵大神的看法

那么就写文章哦。

支持下。

@leizongmin 任重而道远……

@jeffz 哦哦,谢谢,我再看下

@jeffz 貌似很多人只知道Wind.js跟js和回调有点关系，并不清楚它要解决的实际问题呐。。。

这些互不相关的事件不需要使用Wind.js，直接像你现在这么写。

如果有这样一段逻辑: //点击按钮 but1.addEvent("click",function(){ alert("but1"); }); but2.addEvent("click",function(){ alert("but2"); }); but3.addEvent("click",function(){ alert("but3"); }); 用windJs应该怎么表示?

@hubbly 说明有些缩进使用tab了，而你的编辑器设置了一个tab等于8个字符，你下载到了哪个文件？

@jeffz 我下载到的真的是8格的

标准的4格而已……

你的代码缩进好大哦

@jeffz 开玩笑的。别当真。

很不错的话题，写篇文章吧！

话说我只在写canvas动画和webgl的时候用过，还挺好用。

一个东西，Wind.js曾用名Jscex

了解了,改名了

Jscex跟Wind.js有什么区别?

围观

参与吧参与吧。

围观，~~

你希望是啥奖品，下次可以考虑一下，活活。

保持围观

额 ， 人家 免费 提供技术支持， 就很好了。 他们 又不盈利

奖品太少