列举实际业务应用场景

单例模式 about js-design-mode HOT 1 OPEN

snailsph commented on July 1, 2024

单例模式

from js-design-mode.

Comments (1)

snailsph commented on July 1, 2024

在 getSinge 函数中，实际上也提到了闭包和高阶函数的概念。单例模式是一种简单但非常实
用的模式，特别是惰性单例技术，在合适的时候才创建对象，并且只创建唯一的一个。更奇妙的
是，创建对象和管理单例的职责被分布在两个不同的方法中，这两个方法组合起来才具有单例模
式的威力。

// 单一原则 - 管理单例

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

// 单一原则 - 创建对象
var createLoginLayer = function () {
  var div = document.createElement("div");
  div.innerHTML = "我是登录浮窗";
  div.style.display = "none";
  document.body.appendChild(div);
  return div;
};

// 单一原则 - 创建对象
var createSingleIframe = getSingle( function(){ 
  var iframe = document.createElement ( 'iframe' ); 
  document.body.appendChild( iframe ); 
  return iframe; 
 });
var createSingleLoginLayer = getSingle(createLoginLayer);