第一步：定义变量

如果要定义（通俗来说则是创建）一个○○变量，那么我们应该在程序的最开始输入var ○○;。所谓var是变量的英语variable的缩写。

所谓○○则是该变量的名字。可以理解为“箱子”的标签。我们可以自由地给变量起名字。比如var age;、var year;、var speed;等等。

第二步：给变量赋值数字

若是要给变量○○赋值25，则是输入○○=25;。=这个符号在读的时候应读为”赋值“。比如age=25;则应读作将25赋值给了变量age。

第一步：定义变量

让我们来定义一个表示四边形（rectangle）边长(width)的变量rectWidth吧。

要定义一个名为rectWidth的变量时，应在程序的开头输入var rectWidth;。

第二步：给变量赋值数字

将四边形的边长的值140赋值给变量rectWidth吧。写作rectWidth=140;。

第三步：使用变量

⇨ 运行例题22-3

把数字140赋值给变量rectWidth后，就可以不再输入140而是可以输入rectWidth来代替。

也试着运行接下来的例题22-3吧。

第四步：给变量赋值数字

⇨ 运行例题22-2

使用变量的话则可以同时修改三个四边形的长。

例如，给变数rectWidth赋值260的话，三个四边形的长都会变为260。

在例题22-4中尝试随意赋值数字给变量rectWidth，运行后进行确认。

第五步：完成

⇨ 运行例题22-5

在draw函数中，尝试将mouseX赋值给变量rectWidth后产生什么样的效果呢？运行例题22-5并进行确认吧。

第一步：定义变量

⇨ 在例题22-1中编程吧

定义一个表示圆的直径的变量diameter。在程序的最开头输入var diameter;。

参考上图，在练习22-1的程序开头输入var diameter;。

第二步：将数字放入变量

⇨ 在练习22-2中编程

接下来，把80赋值给变量diameter吧。输入diameter=80;。

参考上图，在练习22-2中输入diameter=80;。

第三步：使用变量

⇨ 在练习22-3中编程

之后我们可以用变量diameter来替代80。

参考上图，把例题22-3中的80都改为变量diameter吧。

第四步：给变量赋值数字

⇨ 在练习22-4中编程

尝试使用变量diameter，把六个圆形的直径都改为20吧。

参考上图，把20赋值给例题22-4中的变量diameter吧。

尝试给变量diameter任意赋值。

第五步：拓展

⇨ 运行例题22-5

例题22-5中，对变量diameter进行了乘法除法的运算。