单体模式(singleton) 单体是在脚本加载时创建的,能将一系列有关联的变量和方法组织为一个逻辑单元,逻辑单元里面的内容通过单一的变量进行访问; 一个单体主要分为三部分 用于访问内部信息的入口变量(如:Sky) 属性(如:nickName/age/timeInfo) 方法(如:sayHello) 基本结构 以下是更详细的说明,看完了这篇文章,相信你应该差不多了解了,网上好多高手的js写法了,单体模式很常用。单体是一个用来划分命名空间并将一批相关的属性和方法组织在一起的对象,如果他可以被实例化,那么他只能被实例化一次。 单体模式是javascript里面最基本但也是最有用的模式之一。 特点: . 可以来划分命名空间,从而清除全局变量所带来的危险。 . 利用分支技术来来封装浏览器之间的差异。 . 可以把代码组织的更为一体,便于阅读和维护。 单体的基本结构(正确写法): 划分命名空间: 上面的单体中的所有的成员以及方法都是公有的(public),也就是在单体的外部可以对他们进行任意的改动,那为什么说单体提供了一个命名空间呢? 我们继续: 由于没有对init中的width,height进行初始化,所以会报错,这样改一下: 发现可以了,由于init和 getArea所用的width和height并不是归单体所有的变量,而是一个全局变量,所以我们可以在单体外面进行随意调用而不受影响 如果我们这样写一下就更明白了: 这样写又会报错了,可见我们以上的方式对于全局变量并没有建立起一个命名空间,全局变量为我们带来了危险。所以最上面的写法是对的,我们来验证一下: 可见在window.onload中的width 和height已经没有干扰了,因为单体为单体中的width和height建立了一个命名空间。 成员的属性: 讨论完命名空间,我们来对单体变量和方法的属性做一下设定。学过其他语言的人(java,c++,c#...)都应该很了解其中类成员的public和private, 虽然在javascript中没有这么严格的面向对象(oop),但是我们可以借助闭包来进行一个模仿,毕竟有的变量设为public是很不好的。 私有变量、方法是只读的,公有变量、方法是可读可写的 访问: 对于私有成员,直接访问即可,前面不用加任何修饰, 对于公有的访问在单体作用域内前面要加上“this.”,在单体作用域外前面要加上“circle.”(单体名字.) 呵呵,似乎有点味道了! .利用分支技术来来封装浏览器之间的差异 注意的地方: a一定要用闭包,实现即时绑定 b每个分支之间用分号隔开 c最后返回的是分支的名字 d调用的时候用单体名+分支的方法名; 最后再??录妇洌 对于单体据说是最常用的模式之一了,至于利弊嘛要在实践中慢慢的体会了,由于本人也是初学,所以没有太多的发言权,不足指出还忘高手指教
推荐整理分享javascript 设计模式之单体模式 面向对象学习基础(js设计模型),希望有所帮助,仅作参考,欢迎阅读内容。
![javascript 设计模式之单体模式 面向对象学习基础(js设计模型)](https://www.jiuchutong.com/image/20240129/1706507542.jpg)
文章相关热门搜索词:JAVASCRIPT设计模式与开发实践,JAVASCRIPT设计模式与开发实践,js设计模型,js的设计模式,js设计模型,js设计模型,js 设计模式,JAVASCRIPT设计模式与开发实践,内容如对您有帮助,希望把文章链接给更多的朋友!
改变javascript函数内部this指针指向的三种方法 在查了大量的资料后,我总结了下面的三条规则,这三条规则,已经可以解决目前我所遇到的所有问题.规则0:函数本身是一个特殊类型,大多数时候,
JavaScript 对象链式操作测试代码 虽然现在慢慢减少了对jQuery的使用(项目上还是用,效率高点。平时基本不用了),希望从而减少对jQuery的依赖度。但是这链式操作的方式实在吸引人
javascript 模式设计之工厂模式学习心得 模式类型:工厂模式模式说明:常用模式之一,用来动态创建对象适用范围:在运行期间需要在一系列可互换的子类中进行选择的类注意事项:接口的