网站备案证书放到哪里,怎么建设电子商城网站,线上小程序制作,客户拒绝做网站的理由如果希望自己的代码更优雅、可维护性更高以及更简洁#xff0c;往往离不开设计模式这一解决方案。 在JS设计模式中#xff0c;最核心的思想#xff1a;封装变化#xff08;将变与不变分离#xff0c;确保变化的部分灵活#xff0c;不变的部分稳定#xff09;。 那么来…如果希望自己的代码更优雅、可维护性更高以及更简洁往往离不开设计模式这一解决方案。 在JS设计模式中最核心的思想封装变化将变与不变分离确保变化的部分灵活不变的部分稳定。 那么来说说第一个常见的设计模式单例模式。 单例模式保证一个类仅有一个实例并提供一个访问它的全局访问方式为了解决一个全局使用的类频繁被创建和销毁、占用内存的问题。 比如当系统中某个接口的结构已经无法满足我们现在的业务需求但又不能改动这个接口因为可能原来的系统很多功能都依赖于这个接口改动接口会牵扯到太多文件。因此应对这种场景我们可以很快地想到可以用适配器模式来解决这个问题。 下面介绍几种在JavaScript中常见的几种设计模式 1、单例模式 单例模式的定义 保证一个类仅有一个实例并提供一个访问它的全局访问点。实现的方法为先判断实例存在与否如果存在则直接返回如果不存在就创建了再返回这就确保了一个类只有一个实例对象。 适用场景一个单一对象。比如弹窗无论点击多少次弹窗只应该被创建一次。 class CreateUser { constructor(name) { this.name name; this.getName(); } getName() { return this.name; } }// 代理实现单例模式 var ProxyMode (function() { var instance null; return function(name) { if(!instance) { instance new CreateUser(name); } return instance; }})();// 测试单体模式的实例 var a new ProxyMode(aaa); var b new ProxyMode(bbb);// 因为单体模式是只实例化一次所以下面的实例是相等的console.log(a b); //true ES5通过闭包  在ES5中可以使用闭包函数内部返回函数被外界变量所引用导致这个函数里面的变量无法被释放就构建成闭包来保存这个类的实例。 var Singeton (function(){var instance;function User(name,age){this.namename;this.ageage;}return function(name,age){if(!instance){instance new User(name,age)}return instance} })() 此时这个实例一旦生成每次都是返回这个实例且不会被修改可以看到下面的代码当给 User 对象初始赋值 namealiceage18 时以后再赋值便无效了以及每次返回都是初始的实例对象。 ES6中使用类的静态属性 以上代码使用ES6语法来实现通过类的静态属性来保存唯一的实例对象。 class Singeton {constructor(name,age){if(!Singeton.instance){this.name name;this.age age;Singeton.instance this;}return Singeton.instance;} } 创建方式仍然是一样的通过 new 关键字创建类的实例对象。 案例 那这样一种设计模式在开发中实际有什么用途呢我们试想这样一个业务场景访问网站时很久没有操作页面此时授权过期当我们点击页面上的任何一个地方都会弹出一个登录框。 那么这个登录框是全局唯一的不会存在多份也不会互相冲突所以不需要每次都创建一份保留初始那一份就够了。 JavaScript设计模式之单例模式应用场景案例详解_JavaScript_脚本之家