js设计模式之单例模式原理与用法详解

前端  /  管理员 发布于 4年前   260

本文实例讲述了js设计模式之单例模式原理与用。分享给大家供大家参考，具体如下：

关于设计模式，我的理解是它是业务代码的提前解决方案。意思就是说在没有真正的业务之前，设计模式就存在了，这个是显然的。设计模式是人长期从事业务总结的具有普通适用性的解决方案。

就个人来讲，写了太多的命令式编程代码，所谓命令式代码就是业务需要怎样就写怎么样的功能，比如添加一个点击事件，比如进行一个验证等O。写就写了很少站在设计模式的角度或者前人的角度去改善代码。

不给自己找客观原因，最近开始关注设计模式，尝试从设计模式的角度改善开发。

在开始单例设计模式之前首先要搞清楚js之中的apply和call的作用。

apply和call的直接作用首先是运行函数，其次是根据对象是否发生改变，产生借方法和用方法的情况。apply和call的区别是前者接收数组作为第二个参数，而call接手的是参数列表。这个区别不具体说，说他们的作用

1）运行函数栗子

//运行函数function test(){  alert(1);}test.apply();

函数即便没有apply一样可以运行，但是在有些场合用到apply会显得专业。

2）apply(this,arguments)中的this不发生改变，也就是直接利用对象方法，不存在借的概念

var arr=[1,2,3];var max=Math.max.apply(null,arr);alert(max);

3）this发生改变，这个时候是借助this这个对象借助其他对象的方法

运行结果：

介绍完apply和this下面是单例设计模式解释。

单例设计模式，核心是创造并且只返回一个对象。因为只有一个对象所以有缓存的概念。本文采用的是别人的案例，能够说清楚问题就是好案例；

                创建按钮          

运行结果：

上面的 || 有个小技巧，就是就近计算，如果result有值了后面就不会计算了。还有上面的apply只是起到运行作用。

单例模式据说用处很多， 目前我知道的创建弹窗，创建遮罩层，实现jquery的one函数效果等。

最后这里设计模式核心代码运用的是闭包，闭包可以保存作用域链，因此产生了静态变量的改变。因此产生了缓存的效果。

感兴趣的朋友可以使用在线HTML/CSS/JavaScript前端代码调试运行工具：http://tools..net.cn/code/WebCodeRun测试上述代码运行效果。

更多关于JavaScript相关内容还可查看本站专题：《javascript面向对象入门教程》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

希望本文所述对大家JavaScript程序设计有所帮助。

您可能感兴趣的文章:

• JavaScript设计模式之单例模式实例
• NodeJS设计模式总结【单例模式,适配器模式,装饰模式,观察者模式】
• JS基于设计模式中的单例模式（Singleton）实现封装对数据增删改查功能
• JavaScript实现设计模式中的单例模式的一些技巧总结
• JavaScript设计模式之单例模式详解
• JavaScript设计模式之单例模式简单实例教程
• JavaScript设计模式之单例模式原理与用法实例分析
• js设计模式之代理模式及订阅发布模式实例详解
• JavaScript设计模式之观察者模式（发布者-订阅者模式）
• JavaScript 设计模式之组合模式解析
• javascript设计模式之解释器模式详解
• javascript 设计模式之单体模式 面向对象学习基础