javascript问题求解惑

Question

《javascript设计模式与开发实践中》 单例模式有一段代码如下

    var createLoginDiv = (function () {

      var div

      return function () {

        if (!div) {

          div = document.createElement('div')

          div.innerHTML = '我是登录框'

          div.style.display = 'none'

          document.body.appendChild(div)

        }

        return div

      }

    })()

    

    document.querySelector('#btn').onclick = () => {

        var loginLayer = createLoginDiv()

        loginLayer.style.display = 'block'

    }

1.页面初始化的时候dom节点为什么没有被创建？

2.为什么执行createLoginDiv()这个函数会创建登录框呢?