javascript - 存储/导入变量和函数处理(JS)

堆栈溢出!我想将变量存储在另一个文件中，以便加载文件 1 中的变量，并在文件 2 中绘制场景，例如。

closet.js
var message = "Hello there";

drawer.js
draw = function() { text(message, 100, 100); };

所以我会做类似的事情，但不是像这样导入文件；

<canvas data-processing-sources="closet.js drawer.js"></canvas>

我希望能够将它们包含在文件 2 中，有点像这样；

closet.js
var message = "Hello there";

drawer.js
import("closet.js"); draw = function() { text(message, 100, 100); };

有没有办法做到这一点而不将它们包含在 HTML 文件本身中？预先感谢:)

最佳答案

查看this question ，你的甚至可能是重复的。它列出了在 JavaScript 中执行此操作的几种方法，包括使用 JQuery 或动态添加 <script>标签到 <head>您的页面。

但如果您使用的是处理编辑器，则还有另一种选择:通过在处理编辑器中创建新选项卡来使用类。出于您的所有目的，您可以将其视为单独的文件。假设您创建了一个单独的 Closet带有 message 的选项卡多变的。您的主要草图代码可能如下所示:

Closet c = new Closet();
draw = function() {
  text(c.message, 100, 100);
};

我认为这可能是要走的路。看起来您正在尝试过度设计解决方案:要么将文件包含在 html 中(这是所有 JavaScript 代码中 99% 的做法)，要么使用类(这是所有处理代码中 99% 的做法)。

关于javascript - 存储/导入变量和函数处理(JS)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/33890412/