P5.js开发之——基础Foundation(9)

一概述

本文介绍P5.js中的基础内容，包含

变量声明关键字let和常量关键字const
数据类型：boolean、string、number、object、class
运算符：===、>、>=、<、<=
语句：if-else、for、while、JSON
函数定义：function
内容打印：console

二变量声明关键字`let`和常量关键字`const`

2.1 区别

let关键字用于声明变量，声明的变量可以再次修改
const关键字用于声明常量，不可修改

2.2 示例

let x = 2;
const myFavNumber = 7;

三数据类型：boolean、string、number、object、class

3.1 数据类型说明

boolean：布尔类型，结果为true或false
string：字符或字符串，字符串值必须由单引号（’）或双引号（“）包围
number：数值类型，可以是整数、小数或其他进制数
object：Object对象类型，对象内部有多个属性
class：类类型(Class)，该类是创建对象的模板

3.2 示例

//1-boolean
let myBoolean = false;
//2-string
let mood = 'chill';
//3-number
let num = 46.5;
//4-object
let author = {name: '张三',age: 18
};
//5-class
class Rectangle {constructor(name, height, width) {this.name = name;this.height = height;this.width = width;}
}
let square = new Rectangle('square', 1, 1); // creating

四运算符：`===`、`>`、`>=`、`<`、`<=`

4.1 说明

===：严格相等运算符
>：大于号运算符
>=：大于等于运算符
<：小于号运算符
<=：小于等于运算符

4.2 示例

//1-===
console.log(1 === 1); // prints true to the console
//2->
console.log(100 > 1); // prints true to the console
//3->=
console.log(100 >= 100); // prints true to the console
//4-<
console.log(1 < 100); // prints true to the console
//5-<=
console.log(100 <= 100); // prints true to the console

五语句：if-else、for、while、JSON

5.1 语句说明

if-else：if-else条件控制语句
for：循环控制语句
while：while循环语句
JSON.stringify()：Json转String语句

5.2 示例

//1-if-else
let a = 4;
if (a > 0) {console.log('positive');
} else {console.log('negative');
}
//2-for循环
for (let i = 0; i < 9; i++) {console.log(i);
}
//3-while循环
let num = 5;
while (num > 0) {num = num - 1;console.log(num);
}

六函数定义：function

6.1 说明

P5.js中通过function关键字定义函数
function后面是函数的名称，函数可以有参数

6.2 示例

let myName = 'Hridi';
function sayHello(name) {console.log('Hello ' + name + '!');
}
sayHello(myName); // calling the function, prints "Hello

七内容打印：console

console.log('打印内容');

八参考

P5.js—参考文献

P5.js开发之——基础Foundation(9)相关推荐

P5.js开发之——环境
一概述 P5.js开发环境主要包含下面的内容: 描述信息属性及常量操作及功能二描述信息 2.1 元素列表 No 属性说明 1 describe 描述执行的方法或内容 2 describeE ...
P5.js开发之——开发环境(2)
一概述本文介绍P5.js的两种开发环境: P5.jsweb编辑器:官方提供了页面编辑及运行预览环境本地开发环境(VScode):基于插件创建项目并进行开发二 P5.jsweb编辑器 2.1 w ...
P5.js开发之——介绍(1)
一概述 p5.js 是一个JavaScript的函数库它在制作之初就和Processing有同样的目标.就是让艺术家,设计师,教育工作者和编程初学者能够很容易,很轻松地学习和使用程序设计利用插件 ...
P5.js开发之——文字(6)
一概述 P5.js显示文字 P5.js加载文字字体 P5.js文字属性二 P5.js显示文字--text() 2.1 语法 text(str, x, y, [x2], [y2]) 2.2 参数说明 ...
P5.js开发之——通过createImg向页面中添加图像
一概述 createImg语法介绍示例-添加本地图形和网络图像二 createImg语法介绍 2.1 语法 createImg(src, alt, crossOrigin, [successCa ...
P5.js开发之——通过createVideo向页面中添加视频
一概述 createVideo添加一个视频示例-本地视频添加及播放示例二 createVideo添加一个视频 2.1 语法 createVideo(src, [callback]) 2.2 说明 ...
【android免root脚本制作】总览Auto.js开发小结——基础篇
Auto.js是什么 Auto.js是一款写脚本,ui界面,运行脚本,制作简单安卓app的一体式软件.并且是全开源的免费APP,类似于按键精灵,而且本软件有全部按键精灵的功能,还有其他例如控件操作等, ...
P5.js开发之——颜色及变化(5)
一概述用于设置颜色的color方法对color进行颜色三原色提取的red(红).green(绿).blue(蓝)及alpha(透明度) 对color进行hue(色调).brightness(亮度 ...
《Node.js开发实战》代码下载、简介与前言
请下载代码评估:https://pan.baidu.com/s/1qYC3cVa (密码: bba3). 内容简介本书以实战开发为原则,以Node.js原生知识和框架实战为主线,详细介绍Node ...

P5.js开发之——基础Foundation(9)

一概述

二变量声明关键字`let`和常量关键字`const`

2.1 区别

2.2 示例

三数据类型：boolean、string、number、object、class

3.1 数据类型说明

3.2 示例

四运算符：`===`、`>`、`>=`、`<`、`<=`

4.1 说明

4.2 示例

五语句：if-else、for、while、JSON

5.1 语句说明

5.2 示例

六函数定义：function

6.1 说明

6.2 示例

七内容打印：console

八参考

P5.js开发之——基础Foundation(9)相关推荐

最新文章

热门文章

P5.js开发之——基础Foundation(9)

一 概述

二 变量声明关键字let和常量关键字const

2.1 区别

2.2 示例

三 数据类型：boolean、string、number、object、class

3.1 数据类型说明

3.2 示例

四 运算符：===、>、>=、<、<=

4.1 说明

4.2 示例

五 语句：if-else、for、while、JSON

5.1 语句说明

5.2 示例

六 函数定义：function

6.1 说明

6.2 示例

七 内容打印：console

八 参考

P5.js开发之——基础Foundation(9)相关推荐

最新文章

热门文章

一概述

二变量声明关键字`let`和常量关键字`const`

三数据类型：boolean、string、number、object、class

四运算符：`===`、`>`、`>=`、`<`、`<=`

五语句：if-else、for、while、JSON

六函数定义：function

七内容打印：console

八参考