html - 使用 requirejs 调用函数

Question

如何使用 requirejs 调用函数？

这是一个过于简单的问题，但令人惊讶的是，到目前为止还没有任何教程或示例能够帮助我。

这是我的 html 文件中的代码。

...
<script src = "stuff.js"></script>
<button onclick="doStuff(4, 2)";>DoStuff</button>
...

这是我需要的 js。

define(["jquery"], function ($) {
  function doStuff(a, b) {
    //does some stuff
  }
});

为什么这不起作用？我得到ReferenceError: doStuff 未定义

Answer 1

您眼前问题的答案可能是这样的:

index.html

<button id="the-button">DoStuff</button>
<script data-main="stuff" src="scripts/require.js"></script>

stuff.js

require(["jquery"], function ($) {
  function doStuff(a, b) {
    //does some stuff
  }

  $('#the-button').click(function() {
    doStuff(4, 2);
  });
});

但看起来您会从后退一步阅读现代 JavaScript 架构和技术中获益。这应该是一个很好的起点:Why is using onClick() in HTML a bad practice?