Function Parameters (Video Version)

我们又回到了“画温斯顿”这个程序了，
但是我添加了一些文字。

看，我想做的是在把温斯顿放在这些标签下面，

显示他不同的人生阶段。

现在他在屏幕上到处乱窜。

这是因为在该函数里，
我们把faceX和faceY 设置成了随机数。

但是，我们想做的事情是——
嘿，我想你把温斯顿画到我指定的这个位置。

我希望每次调用函数的时候，
我都能准确说明它的位置，

就像我们放置椭圆和矩形的时候一样。

我想要把温斯顿放在这里、这里，
还有一个温斯顿在这里、一个温斯顿在这里。

我不希望我每次调用函数的时候，
他满世界随机乱跑。

要做到这一点，我们要设置该函数里的参数，

既要在函数定义里设置参数——就是顶部这里，

也要是调用函数这里设置参数——
就是下面这里我们实际调用参数的时候。

在画温斯顿的时候，
我们传递的函数参数为faceX和faxeY，

我们要让该函数使用我们传递的值，
而不是生成随机数。

我们先这样想，我们传递完值后，
下面这些函数会如何调用它们呢。

我们想要把温斯顿放在每行标题文字下面，

这样每个温斯顿的X坐标跟Y坐标应该
跟这些标题文字的坐标很接近。

可能温斯顿的Y坐标
比标题文字的Y坐标低10个像素左右。

那第一个的X、Y坐标就应该是10、30，
然后是200、230；10、 230； 200、 230。

这跟标题文字的坐标是一样的。
只是每一个Y坐标我加了10，

因为我想把它放低一点点而已。

但是温斯顿没有动。

这是因为我们还没有告诉上面的函数我们要传递参数了，所以它还在用这些随机数值。

要告诉这些函数，“我们要给你这些信息啦”，

我们一定要在这些括号里面打入这些参数的名字。

我们将其命名为 faceX 和 face Y, 用逗号分隔开。

我们这样命名是因为在该函数里面
我们已经用了这些名字，

这样我们就不用重写其他代码了。

但是，还是什么都没有发生。
温斯顿还是在满世界乱跑。

如果你在看回来顶部的函数，

你会发现随机数值还是覆盖在faceX和faceY上。

所以我们要做的就是把这两行都删掉。

现在，faceX和faceY传递到函数里了，

而且它在使用我们在下面调用的值。

但是如你所见，温斯顿摆放的位置不是很正确，

因为我忘记了文字应该左对齐，脸则应该是居中。

所以我只需要修改一下我的数字是吧。

我要把 X 坐标右移很多, Y坐标下移一点。
好了，孩童时期的温斯顿弄好了。

我们继续。

我们现在只要修改一下函数的参数值即可，完全不用重新定义函数。

它会使用我们传递的值，

就像制作椭圆和矩形的时候一样。

现在我已经差不多摆放好了，
但是我又注意到温斯顿有点大。

几个温斯顿重叠在一起。
他的大小不大对劲。

因为我是写了一个代码，
用函数把温斯顿画出来的，

我也是一下子就可以改变全部的大小，

只要修改这一行画椭圆的代码即可。

我们看看改成190x190怎么样。
耶，温斯顿减肥了。

现在他的大小合适了。
然后，我还可以微调一下位置。

这样我就能把它放进去了是不是？
好酷！

我们再来回顾一下这个函数的功能。
它定义了一个叫做“画温斯顿”的函数，

它将采用两个值，
这两个值的名字叫faceX和faceY。

实际上这两个值就是参数，
我们可以在整个函数里使用它们，

就像我们以前使用在顶部声明的参数一样，

我们声明完函数之后就可以随时调用它们，

我们可以传递不同的值。
它也会每次使用新输入的值。

你也见证了这些函数的神奇效应，

我们可以设计一些我们觉得可以重复使用的代码，

但是我们也可以用参数说，
“嘿，你可以在这里修改一下这个代码。”

就像是一个菜谱，
你写下总体指令，

然后你突然发现你要喂的
不只是一个温斯顿，而是四个，

你不用一切重新开始，

你只需要调整一下原始指令，并把一切乘上4即可。

现在你可以开始想自己代码里的菜谱啦！
哇！真好吃！