Question

Stack Overflow！我想将变量存储在另一个文件中，以便在文件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文件中的情况下执行此操作？在此先感谢：）

Answer 1

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

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

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

我认为这可能是要走的路。您似乎正在尝试过度设计解决方案：要么包含html中的文件（这是所有JavaScript代码的99％），要么使用类（这是所有处理代码的99％）。