学步园

  关于JS的几段代码：

 var a=['a','c'];</p> <p>for(var i=0;i<a.length;i++){<br /> alert(a[i]);<br /> }</p> <p>//打印：a c</p> <p>for(var i in a){<br /> alert(i);<br /> }</p> <p>//打印 0 1</p> <p>for(var i in a){<br /> alert(a[i]);<br /> }</p> <p>//打印 a c</p> <p>

事实上['a','c']的数组其实就是一个隐式的{0:'a',1:'c'}的Hash对象；

var h={<br /> p1:'v1',<br /> p2:'v2'<br /> }</p> <p>for(var p in h){<br /> alert(h[p]);<br /> }</p> <p>//打印v1 v2:

事实上：

h.p2=h2['p2']；//可以用来实现反射；

2：关于短路运算的常用方式；

在JS中我们经常要求开发者在使用JS功能接口的时候提供一系列参数，这个参数是可选的；如果没有提供参数的时候，我们选择采用默认的参数设置；

function a(option){</p> <p>var option=option || default;</p> <p>}<br />

因为option没有设置的时候,||运算会往后走，最后采用Default Option，而当Option被指定了时，而短路规则不会再往后走；

3：关于闭包

var outter={<br /> name:'corey',<br /> gretting:function(){<br /> return function(msg){<br /> alert(name+":"+msg);<br /> alert(this.name+":"+msg);<br /> }<br /> }<br /> }

运行之后，我们知道在生成的function中，我们无法得到”Corey“；如何得到：

greeting:function(){<br /> var out=this;<br /> return function(msg){<br /> alert(out.msg+":"+msg);<br /> }<br /> }

4:jquery的extend实现

$.extends(a,b,c)的实现很简单；

就是利用：

for(var p in b){<br /> a[p]=b[p];<br /> }

来实现继承和覆盖；

5：JS中实现观察者模式：

//接口</p> <p>var listener={<br /> onEvent:function(e){} //默认实现<br /> }</p> <p>var Subject={<br /> listeners:[]<br /> publishEvent:function(){<br /> for(var l in this.listeners){<br /> this.listeners[i].onEvent(e);<br /> }<br /> },<br /> add:function(l){<br /> this.listsners.push(l);<br /> }<br /> }</p> <p>var observer1=$.extend({},listener);</p> <p>var observer2=$.extend({},listener,{<br /> onEvent:function(e){<br /> //custom handle<br /> }<br /> });