《Javascript模式》之对象创建模式读书笔记
2024-09-20 16:43:00
引言:
在javascript中创建对象是很容易的,可以使用对象字面量或者构造函数或者object.creat.在接下来的介绍中,我们将越过这些方法去寻求一些其他的对象创建模式。
我们知道js是一种简洁明了的语言,他没有像其他语言所拥有的一些语法特征,比如命名空间,模块,包,私有属性等。那么我们又将如何通过一些模式去实现,替换那些语法特征呢?或者仅以不同于那些语法特征的方式来思考问题?
命名空间模式(namespace)
说白了,就是在应用程序或者库中创建一个全局对像,然后把所有功能添加到改全局对象中。
优点:减少程序中所需要的全局变量的数量,同时也有助于避免命名冲突或过长的名字前缀。
缺点:需要输入更多的字符,附加的前缀增加了需要下载的代码量;长嵌套的名字意味着更长的属性解析查询时间。
注意:在添加一个属性或者创建一个命名空间之前,最好是首先检查它是否已经存在。
命名空间函数的实现实例。它是非破坏行的,如果已经存在一个命名空间,则不会重新去创建它。
var MYAPP = MYAPP || {};
MYAPP.nameSpace = function(ns_string){
var parts = ns_string.split(","),parent = MYAPP,i;
if(parts[0] === "MYAPP"){
parts = parts.slice[1];
}
for(i = 0;i<parts.length;i++){
if(typeof(parent[parts[i]) === "undefined"){
parent[parts[i]] = {};
}
parent = parent[parts[i]]
}
return parent;
}
eg:MYAPP.nameSpace(modules.module2) //MYAPP.modules.module2 = {};
声明依赖关系
在您的函数或者模块顶部声明代码所依赖的模块是一个非常好的主意。也就是创建一个局部变量并使其指向所需的模块。
优点:解析局部变量的速度要比解析全局变量要快;明确的表明了所依赖的模块
var myFunction = function(){
var event = MYAPP.util.Event,
dom = MYAPP.until.Dom;
}
私有属性和方法
什么叫私有的?怎么是实现私有的?在函数中将需要保持为私有属性的数据包起来,并确保他对函数说是局部变量,这意味着外部函数不能访问它。
特权方法就是指那些可以访问私有成员的公共方法的一个名称而已。
function Gadget(){
var name= "ipod";
this.getName = function(){ //特权方法
return name
}
}
对象字面量以及私有性
var myobj = (function(){
var name = "my,oh my";
return {
getName:function(){
reurn name;
}
}
}())
原型和私有性
Gadget.prototype = (function(){
var browser = "PP";
return {
getBrowser:function(){
reutrn browser;
}
}
}())
将私有方法揭示为公共方法
var myArray = (function(){
var astr = "[object Array]",toString = Object.prototype.toString;
function isArray(a){
return toString.call(a) == astr
}
function indexof(){
.....
}
return {
isArray:isArray,
indexof:indexof }
}())
模块模式
模块模式是本书中迄今为止介绍过的多钟模式的组合,也就是下面模式的组合;
- 命名空间
- 声明依赖
- 及时函数
- 私有和特权成员
eg:MYAPP.nameSpace("untilties.Array");
MYAPP.untities.Array = (function(){
var uobj = MYAPP.uti.Event,
dom = MYAPP.uti.dom,Constr;
Constr = function(o){
this.eles = this.toArray(o)
}
return Constr;
}())
静态成员
静态属性和方法就是从一个实例到另外个实例都不会发生改变的属性和方法
公有静态成员
var PP= function(){};
PP.isShiny = function(){
return "you bet"
}
不需要创建实例,直接函数调用即可。
私有静态成员
以同一个构造函数创建的所有对象共享该成员;构造函数外部不可访问该成员
var PP = (fucntion(){
var counter= 0,NewPP;
NewPP = function(){counter +=1};
NewPP.prototype.getLastId = function(){
return counter;
}
retrun NewPP;
}())
var ihone = new PP()
ihone.getLastId(); //1;
var apple = newPP();
apple.getLastId(); //2;
最新文章
- Sunny-Code 最终版总结会议
- ssm框架web.xml中filter配置问题
- jQuery Validate 表单验证插件----在class属性中添加校验规则进行简单的校验
- 04_SSM框架整合(Spring+SpringMVC+MyBatis)
- DTrace to Troubleshoot Java Native Memory Problems
- SignalR1
- BGP多线单IP技术实现形式以及其他双线对比
- OC中的野指针,空指针,nil,Nil,NULL,NSNULL小结
- R语言-主成分分析
- 第七节:WebApi与Unity整合进行依赖注入和AOP的实现
- 阿里云作为yum源操作
- Awesome Tools
- 11-02 Java Object类使用详解
- 2017qq红包雨最强攻略
- APK防反编译技术
- android Instrumentation 转载
- 二维码名片的格式 - vcard(非常好,可直接添加到手机通讯录)
- linux的进程1:rootfs与linuxrc
- 摘:常用函数(包括:宽字符函数、普通C函数 )
- MySQL表类型MyISAM/InnoDB的区别(解决事务不回滚的问题)
热门文章
- 萬用表檢測MOS管好壞的簡便方法
- SignTool.exe(签名工具)
- MFC浅析(4) CObject浅析
- NOIP
- 【数学】XMU 1593 找数字
- JAVA调用.NET WebService终极方案(包含对SoapHeader的处理)
- 反编译工具 使用.NET JustDecompile来反编译你的程序代码
- HDU_1401——分步双向BFS,八进制乘权值压缩,map存放hash
- Spring 4.0 StandaloneMockMvcBuilder java.lang.NoClassDefFoundError: javax/servlet/SessionCookieConfig 问题解决
- 关于FIN_WAIT1