Store/Import 变量和函数处理(JS)

Store/Import variables & functions Processing(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>

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

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

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