我的模块化 JS 代码有问题 TypeError 不是函数

Question

我试图模块化 JS 代码，但在一个点上停留了很长时间，我知道解决方案很容易，但就是想不通。这是小提琴链接： Fiddle。也在这里添加代码。window.a = (function () {  function abc() {    alert("Hi");  }  return {    abc: abc  }});window.b = (function (aWindow) {  function i() {    aWindow.abc();  }  return {    i: i  }})(window.a);<a href="#" class="abc" onClick="window.b.i()">Click Me</a>错误"<a class='gotoLine' href='#60:10'>60:10</a> Uncaught TypeError: aWindow.abc is not a function"

Answer 1

您需要调用 window.a 从其原型中获取一个对象。

window.b = (function(aWindow) {

  function i() {

    aWindow.abc();

  }

  return {

    i: i

  }

})(window.a()); //Call Window.a

Answer 2

你()打电话时错过了aWindow。这个片段效果很好。

window.a = (function () {

  function abc() {

    alert("Hi");

  }

  return {

    abc: abc

  }

});

window.b = (function (aWindow) {

  function i() {

    aWindow().abc();

  }

  return {

    i: i

  }

})(window.a);

<a href="#" class="abc" onClick="window.b.i()">Click Me</a>

Answer 3

您错过了()定义window.a，因此未执行。

window.a = (function () {

  function abc() {

    alert("Hi");

  }

  return {

    abc: abc

  }

})();

window.b = (function (aWindow) {

  function i() {

    console.log(aWindow);

    window.a.abc();

  }

  return {

    i: i

  }

})(window.a);

<a href="#" class="abc" onClick="window.b.i()">Click Me</a>