认识变量

变量

在JavaScript中，变量是用来存储信息的容器，后面能随时改这个变量里面数据哦。

你可以使用let关键字告诉程序，我要设置一个变量啦！然后给它分配一个值。

JavaScript程序就像你读语文书一样，从左到右，从上到下读下去哦！

// 定义name（名字）为吉吉喵
let name = "吉吉喵";

// 定义age（年龄）为10
let age = 10;

// 定义grade（年级）为4
let grade = 4;

// 在控制台打印自我介绍信息
console.log("我叫" + name + "，我今年" + age + "岁啦！在读" + grade + "年级。");

最后，我们拼接成一段话，在js语言中，使用+号来连接字符串。

我们在Arena编辑器中试试效果吧！

瞧，是不是很神奇？它打印出了吉吉喵的自我介绍。

注意事项

• 变量名区分大小写。

let name = "吉吉喵";

console.log(name); // 会在控制台输出 吉吉喵
console.log(Name); // 会在控制台输出 Name is not defined （Name变量名没有被定义）

• 变量名只能包含字母、数字和下划线，不能包含空格、特殊字符（除了下划线和美元符号）。

let name = "吉吉喵";  //√
let Name = "美术喵";  //√
let nameAndAge = "搬砖喵 6岁";  //√
let _name = "美术喵";  //√
let $name = "吉吉喵";  //√
let ……*name￥……e = "搬砖喵";  //❌
let nam e = "美术喵";  //❌

• 变量名以字母、下划线和美元符号开头，不能以数字开头

let _name = "美术喵";  //√
let $name = "吉吉喵";  //√
let 0name = "搬砖喵";  //❌

• 变量名不能是JavaScript的关键字（如var, let, const, function等）。

关于var, const, function的意思，后面的章节会讲。

let let = "吉吉喵";  //❌
let var = "吉吉喵";  //❌
let function = "吉吉喵";  //❌
let for = "吉吉喵";  //❌
let const = "吉吉喵";  //❌

提示

在 神岛脚本编辑器 中，对于有问题的变量，会有红色的﹏标识哦！

注意哦，吉吉喵两边的""别删除哦！不然，程序会报错，无法正常运行。

为什么会报错呢？接着往下看吧，答案就在后面！

数据类型

1. Number：用于存储数字，包括整数与浮点数。

   let num = 42;
   let price = 9.99;

   42是整数，9.99是浮点数

2. String：用于存储文本。字符串可以用单引号、双引号或模板字符串（反引号）表示哦。

   let name = "搬砖喵";
   let school = '神奇代码岛学校';
   let greeting = `你好, ${name}!`; // 模板字符串，可以嵌入变量

现在，你知道为什么吉吉喵为什么两边为什么要加""了吧？因为他是一个文本。

注释

小朋友，你一定会发现，在上方代码中，会有//开头的东西，后面会跟着文本。

因为是注释，它不会被JavaScript执行，注释是用来解释这些代码是干什么用的。

如果不加//的话，他就会报错。

注意 // 只可用于 单行注释，对于 多行 我们要使用 多行注释，多行注释以/*开头，以*/结尾

// 我是单行注释，我只注释一行
a = "单行注释"

/* 大家好，我是多行注释
我可以注释多行
brag ++ 
我可比单行注释强哦
*/
b = "多行注释"

提示

注释的部分 会在编辑器中标注为

课后练习

小朋友，试试换成你的名字和年龄和年级，再运行一次。来让程序来输出你的自我介绍吧！

点击查看参考答案