这个JavaScript代码如何在不调用函数的情况下工作?

时间:2017-12-08 17:09:10

标签: javascript p5.js

这是代码https://codepen.io/p5js/pen/wreBKy的代码。仅当我使用setup()调用该函数时,才能创建画布; ?

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);

}

1 个答案:

答案 0 :(得分:3)

不完全是,setupdraw函数是特殊的,这样p5库会在它看到全局命名空间中声明它们时自动调用它们。

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

您可以在p5文档的Get Started部分详细了解该内容。