声明一个新的变量。
变量是用于存储值的容器。例如,一个变量可能包含类型为数字 Number
的 x 坐标,或者类型为字符串 String
的名称。变量可以通过重新赋值来改变其值,如下所示:
// Declare the variable x and assign it the value 10. let x = 10; <p>// Reassign x to 50. x = 50; </p>
变量具有块级作用域。当一个变量被声明在花括号 {}
之间时,它只存在于由花括号定义的块级内。例如,以下代码会抛出 ReferenceError
, 因为 x
是在 setup()
函数的块级内声明的:
function setup() { createCanvas(100, 100); <p> let x = 50; }</p> <p>function draw() { background(200);</p> <p> // x was declared in setup(), so it can't be referenced here. circle(x, 50, 20); } </p>
在所有花括号 {}
之外声明的变量是全局变量。全局变量可以在绘图的任何地方使用和更改:
let x = 50; <p>function setup() { createCanvas(100, 100); }</p> <p>function draw() { background(200);</p> <p> // Change the value of x. x += 10;</p> <p> circle(x, 50, 20); } </p>
示例
相关参考
Array
一个按顺序存储多个数据的列表。 数组有助于存储相关数据。它们可以存储任何类型的数据。例如,数组可以以字符串的形式存储某人最喜欢的颜色列表。数组的创建方式如下: let colors = ['deeppink', 'darkorchid', 'magenta']; 数组中的每个数据皆为一个元素。每个元素在其数组中都有一个地址或索引。变量 colors 指的是一个包含三个元素的数组。String> elements, 'deeppink', 'darkorchid',和 'magenta'。数组的索引是从 0 开始的,这就意味着 'deeppink' 的索引是 0, 'darkorchid' 的索引是 1, ‘magenta' 的索引是 2。我们可以使用数组的索引来访问数组元素,如下所示: let zeroth = colors[0]; // 'deeppink' let first = colors[1]; // 'darkorchid' let second = colors[2]; // 'magenta' 通过调用 push() 方法,可以在数组末尾添加元素。方法如下: method as follows: colors.push('lavender'); let third = colors[3]; // 'lavender' 了解更多关于数组的信息,请参阅 MDN .
class
特殊类型对象的创建模板 类可以让使用对象编程变得更容易。例如,一个 Frog 类可以创建行为像青蛙一样的对象。通过类创建的每个对象都是该类的一个实例。同一个类的所有实例都是相同类型。以下是创建 Frog 类实例的示例: let fifi = new Frog(50, 50, 20); 变量 fifi 代表 Frog 的一个实例。关键字 new 用于在语句 new Frog() 中调用 Frog。总之,一个新的 Frog 对象被创建并赋值给了变量 fifi。类是模板,因此我们可以用它创建多个实例: // First Frog instance.
for
一种在已知迭代次数的情况下重复代码块的方法。 for 循环对于重复执行特定次数的语句很有帮助。例如,for 循环使得表达"画五条线"的想法变得简单,如下所示: for (let x = 10; x 循环的头部以关键字 for 开头。循环通常在重复或迭代时递增或递减。括号中的语句 let x = 10; x 决定循环的重复方式: let x = 10 表示循环从 10 开始计数,并使用变量 x 记录迭代次数。 x 表示循环计数到 100(但不包括 100)。 x += 20 表示每次迭代结束时递增 20。 花括号 {} 之间的代码是循环的主体。循环主体中的语句在每次循环迭代期间重复执行。 意外创建无限循环是很常见的。当发生这种情况时,绘图可能会变得无响应,网页浏览器可能会显示警告。例如,以下循环永远不会停止迭代,因为它没有计数递增: for (let x = 10; x 语句 x = 20 使变量 x 的值变为 20,始终小于 100。 for 循环也可以递减计数: for (let d = 100; d > 0; d -= 10) { circle(50, 50, d); } for 循环也可以包含其他循环。下面的嵌套循环绘制了一个点网格。 // Loop from left to right.
function
一个被命名的语句组 Functions 函数有助于组织和复用代码。例如,函数使得表达“画一朵花”的想法变得容易: function drawFlower() { // Style the text.