当前位置：首页 > news >正文

山东省住房和城乡建设厅网站教育中心培训公司排名

news 2025/7/4 20:50:22

山东省住房和城乡建设厅网站教育中心,培训公司排名,电脑上怎么创建wordpress,厦门疫情最新情况一、是什么单例模式只会在全局作用域下创建一次实例对象，让所有需要调用的地方都共享这一单例对象二、实现 // 单例构造函数 function CreateSingleton (name) {this.name name;this.getName(); };// 获取实例的名字 CreateSingleton.prototype.getName func…

一、是什么

单例模式只会在全局作用域下创建一次实例对象，让所有需要调用的地方都共享这一单例对象

二、实现

// 单例构造函数
function CreateSingleton (name) {this.name = name;this.getName();
};// 获取实例的名字
CreateSingleton.prototype.getName = function() {console.log(this.name)
};
// 单例对象
const Singleton = (function(){var instance;return function (name) {if(!instance) {instance = new CreateSingleton(name);}return instance;}
})();// 创建实例对象1
const a = new Singleton('a');
// 创建实例对象2
const b = new Singleton('b');console.log(a===b); // true

三、使用场景

页面存在一个模态框的时候，只有用户点击的时候才会创建，而不是加载完成之后再创建弹窗和隐藏，并且保证弹窗全局只有一个

const getSingle = function( fn ){let result;return function(){return result || ( result = fn .apply(this, arguments ) );}
};

const createLoginLayer = function(){var div = document.createElement( 'div' );div.innerHTML = '我是浮窗';div.style.display = 'none';document.body.appendChild( div );return div;
}; const createSingleLoginLayer = getSingle( createLoginLayer ); document.getElementById( 'loginBtn' ).onclick = function(){var loginLayer = createSingleLoginLayer();loginLayer.style.display = 'block';
};