问题描述

在阅读《JS设计模式与开发实践》中单例模式中闭包时候的调用，这两种函数调用有什么区别？为什么会一个正确，一个错误。

相关代码

var createLoginLayer = function() {
  instance = document.createElement('div')
  instance.innerHTML = '我是登录浮窗'
  instance.style.display = 'none'
  document.body.appendChild(instance)
  return instance
}

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

var createSingle = getSingle(createLoginLayer)

document.getElementById('loginBtn').onclick = function() {
  var dom = createSingle() // 正常，创建一个div，符合预期
  // var dom = getSingle(createLoginLayer)() // 创建多个 div
  dom.style.display = 'block'
}

预期

无论点击多少次，都只会创建一个 div