javascript - 这两个函数声明有什么区别？

Question

版本 1:

function myF() {
  var executed = false;
  return function() {
    if (!executed) {
      executed = true;
      document.getElementById("demo").innerHTML = "Ab"
    }
  };
};

myF();

版本 2:

var myF = (function() {
  var executed = false;
  return function() {
    if (!executed) {
      executed = true;
      document.getElementById("demo").innerHTML = "Ab"
    }
  };
})();

myF();

为什么 v2 有效，为什么 v1 无效？这两者在调用时的主要区别是什么？

Answer 1

版本 2 返回 IIFE 的结果, 版本 1 相同但不调用表达式。您可以像 myF()() 一样调用它，

function myF() {
  var executed = false;
  return function() {
    if (!executed) {
      executed = true;
      document.getElementById("demo").innerHTML = "Ab"
    }
  };
};

myF()();

<div id="demo">
</div>