javascript - 在不调用函数的情况下,这段 JavaScript 代码如何工作?

标签 javascript p5.js

这是代码 https://codepen.io/p5js/pen/wreBKy 的代码笔。难道只有当我使用 setup(); 调用该函数时才创建 Canvas 吗? ?

HTML

<html>
  <head>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/p5.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.dom.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.11/addons/p5.sound.min.js"></script>
    <link rel="stylesheet" type="text/css" href="style.css">
  </head>
  <body>
    <script src="sketch.js"></script>
  </body>
</html>

CSS

html, body {
  margin: 0;
  padding: 0;
}

JavaScript

function setup() { 
  createCanvas(400, 400);
} 

function draw() { 
  background(220);

}

最佳答案

不完全是,setupdraw 函数很特殊,如果 p5 库看到它们被声明,它就会自动调用它们由您在全局命名空间中。

也就是说,您不必手动调用它们,库会在最适合您的时间调用它们。

您可以在Get Started上阅读更多相关信息。 p5 文档的部分。

关于javascript - 在不调用函数的情况下,这段 JavaScript 代码如何工作?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47719086/

相关文章:

javascript - Javascript 或 jQuery 中的表达式生成器?

javascript - 带有 AOT 的类型提供者中的 Angular 条件

javascript - 是连接一个 JS 库到另一个 'import' 的唯一方法吗?

javascript - 如何使我绘制的指数函数在 Canvas 内增长?

javascript - 如何在 p5.js 中为围绕球体(冠状病毒)的圆柱体制作嵌套的 for 循环?

javascript - 将两个列表转换为 json

javascript - TinyMCE4 - 解析 HTML 文本的问题

javascript - 如何在hdpi屏幕上平滑渲染P5js?

javascript - p5.j​​s 上每个点都有经典箭头的静态矢量场

java - 什么是 p5.js textToPoints() 字体函数的等效处理?