javascript - if 和 draw 语句的顺序

Question

求解时 - this problem ，有效的代码是

draw = function() {
  if (mouseIsPressed) {
    ellipse(mouseX, mouseY, 20, 20);
  }
};

为什么我们不能在if语句下调用draw函数 -

if (mouseIsPressed) {
  draw = function() {
    ellipse(mouseX, mouseY, 20, 20);
  };
}

得到相同的结果？

Answer 1

挑战赛为您提供了一个定义为绘制椭圆的方法draw。如演示中所示，在 Canvas 区域中移动鼠标会在每个可能的时刻绘制一个椭圆。

如果你要像这样包围绘图的整个定义:

if (mouseIsPressed) {
   draw = function() {
      ellipse(mouseX, mouseY, 20, 20);
   };
}

本质上，您是根据定义时按下鼠标来确定 draw 是否定义的条件。或者换个 Angular 思考，draw 是被调用的函数，因此如果未定义它，则永远不会被调用。 draw 的内容决定了当该事件发生时要完成什么(或不提示)。

不过我还要补充一点，有一个实际的鼠标单击事件。这可能超出了挑战的范围，但要提一下，如果您要实现这一点，则在未按下鼠标的情况下您不会限制绘制圆圈，而是您仅绘制而是在鼠标单击事件上画圈。