L.Leverage Learn从第一行代码,到读懂真实后端查看项目源码

JavaScript 基础 / 第 1 课

JavaScript 里的值与变量

从数字、文字和布尔值开始,学会保存信息并用 console.log 查看结果。

◷ 预计 15 分钟 · 面向初学者

JavaScript 程序由一条条指令组成。先从能直接写出的值开始:数字如 18、文字如 "小林",以及表示真假状态的 true 和 false。文字要放在引号里;数字不需要引号。console.log(...) 会把括号里的内容显示出来,方便观察程序运行结果。

数字和文字的写法不同,程序也会把它们当作不同种类的值处理:18 是数字,"18" 是文字。两者看起来相似,却不能总是互换。true、false 不带引号,表示一个判断结果;"true" 则是由四个字母组成的文字。写代码时注意引号是否成对,以及数字是否误加引号。

console.log(18);
console.log("小林");
console.log(true);

变量给值起一个名字,之后就能用名字读取它。用 const 声明之后不打算重新赋值的变量;用 let 声明之后可能改值的变量。等号 = 在这里表示“把右边的值放进左边的变量”,不是数学里的相等判断。变量名通常用小写开头的英文单词,多个单词可写成 favoriteColor。

变量可以理解为贴着值的标签。程序执行到声明语句时,会把当前值和名字关联起来;后面写这个名字,读到的就是它当前保存的值。先声明再使用,名字要拼写一致。const 与 let 都是声明变量的关键字,区别在于变量之后能不能重新赋值;选 const 可以清楚地表明这个名字不需要改指向。

const name = "小林";
let score = 10;
score = 12;
console.log(name);
console.log(score);

const 不能再次指向另一个值;let 可以通过再次赋值更新。文字之间不会自动拼接,先用 +:

const greeting = "你好," + name;
console.log(greeting);

练习:声明一个叫 city 的变量,保存文字 "杭州",再用 console.log 显示它。然后声明 let count = 2,把它改成 3 并显示。

答案:

const city = "杭州";
let count = 2;
count = 3;
console.log(city);
console.log(count);

运行代码时,先看每个名字保存了什么,再看输出;这会为后面的比较和计算打好基础。

互动练习:识别值与类型

在 JavaScript 中,下面哪个值的类型是 "string"?

选择一个答案

✓
这一课,你已经能……

认识常见值、变量声明与 console.log