javascript tips

原文：http://arstechnica.com/journals/linux.ars/2007/08/27/javascript-for-all-ages?foo
[b]
1、objects and associative arrays[/b]
javascript中，对象属性操作与数组很类似。
但 javascript也为我们做了一些工作，把 数字转化为字符串。不过还是建议自己写清楚
foo[1] == foo[(1).toString()] == foo['1'];
[b]2、cute type conversions[/b]

这些基本我们都知道。
也可看看
http://www.jibbering.com/faq/faq_notes/type_convert.html
[code]0 + '' == 0
'' + 0 == 0
1 + '' == 1
'' + 1 == 1
0 + 'a' == '0a'
'a' + 0 == 'a0'[/code]

但这个技巧呢？很多lib里面都用了。
[code]var a=function(){}
var b=new a();
alert(!b)
alert(b)[/code]
[b]3、iteration[/b]
prototype.js,jQuery。n多的FP的东西。
[b]4、anonymous functions[/b]
也见 http://developer.mozilla.org/en/docs/New_in_JavaScript_1.6
yield,反正我自己用起来很别扭。
喜欢ruby的yield.
[code]var range = function (start, stop, step) {
return function () {
var at = start;
start += step;
if (at < stop) return at;
else throw new Error();
};
};
var next = range(0, 6, 2);
alert(next())//0
alert(next())//2
alert(next())//4[/code]

大量的应用”闭包“，始终感觉性能上有些问题。可能是个人感觉
[b]5、enclosure[/b]
[code](function () {
...
}).call(this);[/code]
语言的”最小单元“，不知道该叫什么。但是java里面，所谓”最小单元“，也是一个类。而javascript或ruby之类的，一断代码就可以，可以通过上面的方法动态注入执行环境。我不是很喜欢javascript的eval的功能。

with也有类似功效。好象很多书都不建议用with。性能慢是一个原因。感觉javascript语言不想让代码编写者了解“scope chain”。所以闭包，with，eval等等都不是很流行。可能这方面javascript设计的不是很严谨？？？

[b]6、context object manipulation[/b]
Function.apply
Function.call
在这里很关键，
在java中，那么多设计模式都是关于接口的，我理解为java中接口是最小单元，如果没有接口，你根本不知道那些方法的context object是什么，也不可能执行方法。
而javascript呢？有function就好了，注意this都ok了。
读了jQuery代码后，在这方面有很多感想，有时间具体分析一下。

[b]7、variadic arguments[/b]
小tip。
[b]8、binding[/b]
与第六差不多。
跑题：
javascript模拟java的面向对象编程时，其实也模拟的java的”缺点“，状态保存的位置！！！

var Button=function (dom){
this.**=**;
this.**=**;
}
这种”类“其实完全没有必要的！！！
[b]9、lazy function definition[/b]
大家讨论不少了！
相同的功能，其实YUI代码里早用到了。
http://developer.yahoo.com/yui/docs/Dom.js.html
见getStyle setStyle 等。
[code]var getPi = function () {
var pi = calculatePi();
getPi = function () {
return pi;
}
return pi;
};[/code]
我到是不认为它这例子好。真正这些功能都在lib中实现，象cache,function覆盖等！
[b]10、polymorphic callable objects[/b]
新的想法，区别java之类的多态
[code]var callableType = function (constructor) {
return function () {
var callableInstance = function () {
return callableInstance.callOverload.apply(callableInstance, arguments);
};
constructor.apply(callableInstance, arguments);
return callableInstance;
};
};[/code]
[code]var SubmarineFactory = type(function () {
var length;
this.init = function (length) {
length = lengthValue;
};
this.callOverload = function () {
return Submarine(length);
};
});[/code]