javascript设计模式_第二部分_单体模式
单体模式
优点:把代码组织得一致并隔离,更容易阅读和维护,提高稳定性;用于优化,提升性能
缺点:可导致强耦合
5.1 单体的基本结构
var Singleton = {
attribute1 : true,
attribute2 : 10,
method1 : function(){},
method2 : function(){}
};
严格按定义来说,C1不是一个单体,因为它不是一个可实例化的类
对象字面量只是创意单体的方式之一.
并非所有的对象字面量都是单体,只用来模仿关联数组及容纳数据的就不是单体.
5.2 划分命名空间
var MyNamespace = {}
MyNamespace.common = {};
5.3 用作特定网页专用代码的包装器的单体
GiantCorp.RegPage = {
FORM_ID : 'reg-form',
//method
handSubmit : function(e){
e.preventDefault();
//...
GiantCorp.RegPage.sendRegistration();
},
init : function(){
GiantCorp.RegPage.formEl = $(GiantCorp.RegPage.FORM_ID);
addEvent(GiantCorp.RegPage.formEl,'submit',GiantCorp.RegPage.handSubmit);
}
};
addLoadEvent(GiantCorp.RegPage.init);
//以上代码将属性及方法都统一到一个单体中,并通过init来绑定事件,最后在页面上调用init即可实现特定页面的使用
某网页专用代码,最好馐在自己的单体对象中
5.4 拥有私用成员的单体
1) 下划线表示法
GiantCorp.DataParser = {
//Private methods
_stripWhitespace : function(str){
return str.replace(/\s+/,'');
},
_stringSplit : function(str,delimiter){
return str.split(delimiter);
},
//Public method
stringToArray : function(str, delimiter,stripWS){
if(stripWS){
str = this._stripWhitespace(str);
}
var outputArray = this._stringSplit(str,delemiter);
return outputArray;
}
}
2) 使用闭包
MyNamespace.Singleton = (function(){
return {};
})();
这种方式与直接使用对象字面量没什么区别,但这个包装函数创建了一个可以用来添加私用成员的闭包,任何添加在这个匿名函数中而不在对象字面量中的都将成为私有成员
MyNamespace.Singleton = (function(){
//Private members
var p1 = false;
var p2 = 10;
function p3(){}
return {
//Public members
pub1 : true,
pub2 : 10,
pub3 : functi
相关文档：
这一章我们将会重点介绍JavaScript中几个重要的属性（this、constructor、prototype）， 这些属性对于我们理解如何实现JavaScript中的类和继承起着至关重要的作用。
this
this表示当前对象，如果在全局作用范围内使用this，则指代当前页面对象window； 如果在函数中使用this，则this指代什么是根据运行时此函数在什 ......
在本章中，我们将分析Douglas Crockford关于JavaScript继承的一个实现
Crockford是JavaScript开发社区最知名的权威，是JSON
、JSLint
、JSMin
和ADSafe
之父，是《JavaScript: The Good Parts》的作者。
现在是Yahoo的资深JavaScript架构师，参与YUI的设计开发。 这里有一篇文章
详细介绍了Crockford的生平和著作。 ......
表单的有效性检验是javascript一个很有用的方面。它可以用于检查一个给定的表单以及发现表单中的任何问题，比如一个空白的输入框或者一个无效的E-mail（电子邮件）地址，然后它可以通知用户并且就不会将这些错误的表单传给服务器以节省时间。另外，除此以外，对表单标签的一些修改跟其它类型的脚本是类似的。以下的例子是一 ......
javascript事件列表解说
事件
浏览器支持
解说
一般事件
onclick
IE3、N2
鼠标点击时触发此事件
ondblclick
IE4、N4
鼠标双击时触发此事件
onmousedown
IE4、N4
按下鼠标时触发此事件
onmouseup
IE4、N4
鼠标按下后松开鼠标时触发此事件
onmouseover
IE3、N2
当鼠标移动到某对象范围的上方时触发此事� ......
如何利用网页弹出各种形式的窗口，我想大家大多都是知道些的，但那种多种多样的弹出式窗口是怎么搞出来的，我们今天就来学习一下： 1.弹启一个全屏窗口
;
www.kunde58.com
2.弹启一个被F11化后的窗口
;
www.kunde58.com
3.弹启一个带有收藏链接工具栏的窗口 ......
