p5.js | 打印()函数

p5.js 是一款使用 JavaScript 编写的绘图库，旨在让艺术家、设计师、教育工作者和初学者能够轻松地使用编程语言进行创意表达。p5.js 提供了许多内置的函数，用于实现各种基本绘图功能，例如画圆、画线、填充颜色等等。其中，print() 函数是一个很实用的函数，可以用来在控制台输出信息。

print() 函数的基本用法

print() 函数可以输出任何类型的数据，包括数字、字符串、布尔值、列表等等。下面是一个简单的例子，演示如何在 p5.js 中使用 print() 函数输出字符串：

function setup() {
  createCanvas(400, 400);
  print("Hello, world!");
}

在代码中，我们首先调用 createCanvas() 函数创建画布，然后调用 print() 函数输出字符串 "Hello, world!"。在浏览器中打开页面，我们可以在控制台中看到输出的信息。可以按 F12 键打开控制台。

print() 函数的高级用法

1. 字符串拼接

在 p5.js 中，可以使用加号（+）将多个字符串拼接在一起。下面是一个例子：

function setup() {
  createCanvas(400, 400);
  let name = "Alice";
  print("Hello, " + name + "!");
}

在代码中，我们定义了一个变量 name，然后把它和字符串 "Hello, "、字符 "!" 一起拼接起来，最终输出 "Hello, Alice!"。

2. 格式化输出

在 p5.js 中，可以使用 ES6 引入的模板字符串（template literals）将变量插入到字符串中。模板字符串用反引号（`）表示，变量用 `${}` 插入。下面是一个例子：

function setup() {
  createCanvas(400, 400);
  let n = 42;
  print(`The answer is ${n}.`);
}

在代码中，我们使用模板字符串将变量 n 插入到字符串中，最终输出 "The answer is 42."。

Markdown 代码片段

# p5.js | 打印()函数

*p5.js* 是一款使用 *JavaScript* 编写的绘图库，旨在让艺术家、设计师、教育工作者和初学者能够轻松地使用编程语言进行创意表达。*p5.js* 提供了许多内置的函数，用于实现各种基本绘图功能，例如画圆、画线、填充颜色等等。其中，`print()` 函数是一个很实用的函数，可以用来在控制台输出信息。

## `print()` 函数的基本用法

`print()` 函数可以输出任何类型的数据，包括数字、字符串、布尔值、列表等等。下面是一个简单的例子，演示如何在 *p5.js* 中使用 `print()` 函数输出字符串：

```javascript
function setup() {
  createCanvas(400, 400);
  print("Hello, world!");
}
```

在代码中，我们首先调用 `createCanvas()` 函数创建画布，然后调用 `print()` 函数输出字符串 `"Hello, world!"`。在浏览器中打开页面，我们可以在控制台中看到输出的信息。可以按 `F12` 键打开控制台。

## `print()` 函数的高级用法

1. 字符串拼接

在 *p5.js* 中，可以使用加号（`+`）将多个字符串拼接在一起。下面是一个例子：

```javascript
function setup() {
  createCanvas(400, 400);
  let name = "Alice";
  print("Hello, " + name + "!");
}
```

在代码中，我们定义了一个变量 `name`，然后把它和字符串 `"Hello, "`、字符 `"!"` 一起拼接起来，最终输出 `"Hello, Alice!"`。

2. 格式化输出

在 *p5.js* 中，可以使用 *ES6* 引入的模板字符串（template literals）将变量插入到字符串中。模板字符串用反引号（\`）表示，变量用 `${}` 插入。下面是一个例子：

```javascript
function setup() {
  createCanvas(400, 400);
  let n = 42;
  print(`The answer is ${n}.`);
}
```

在代码中，我们使用模板字符串将变量 `n` 插入到字符串中，最终输出 `"The answer is 42."`。