变量与数据类型

1这一章学什么

2概念

一共六个知识点，看不懂的地方先跳过，做完后面的「动手试」再回来看就通了。

① 变量：给数据起个名字

变量就像一个贴了标签的盒子：把数据放进去，起个名字，以后喊名字就是用里面的数据。声明（创建）变量有三种写法：

const pi = 3.14      // const：常量，赋值后不能改
let count = 5        // let：变量，之后可以改
count = 6            // 改成 6，没问题
var old = 1          // var：老写法，新代码不用它

变量名要用英文，写法叫「小驼峰」：第一个单词全小写，后面的单词首字母大写，比如 myCount、userName。名字要见名知意——看到 myCount 就知道里面装的是「我的计数」，不要起 a、x1 这种看不懂的名字。

② 七种基本数据类型

JavaScript 里的数据分七种基本类型。先混个脸熟，object 和 array 是第四章的主角，这一章认识一下就行。

③ typeof：查一个东西是什么类型

拿不准手里的数据是哪种类型，就用 typeof 问一下，它会用文字回答你：

typeof 42       // 得到 "number"，是数字
typeof "abc"    // 得到 "string"，是文字
typeof true     // 得到 "boolean"，是布尔

下面的「动手试」第 3 段就能亲手跑一遍这三行。

④ 类型转换三件套

类型不对时，可以用三个工具互相转换，名字记牢：Number() 转数字、String() 转文字、Boolean() 转布尔。

Number("123")    // 得到 123，文字变数字
String(123)      // 得到 "123"，数字变文字
Boolean(0)       // 得到 false，0 是「假」

⑤ 真值与假值：什么被当作「假」

做条件判断时，不光 boolean 能用，任何值都会被当成「真」或「假」。被当作假的只有六个，背下来：

其中 "" 是空字符串（引号里什么都没有的文字）。除了这六个，其余全是真——特别注意：空数组 [] 和空对象 {} 也是真，别看它空，它不算假。还有文字 "0" 也是真，因为它是非空的文字。

⑥ 新手第一坑：「文字 + 数字」不是算数

console.log("1" + 2)           // "12"，拼接，坑！
console.log(Number("1") + 2)   // 3，先转再算，对了

补一句：减号 - 没有这个毛病，它只做算数，会先偷偷把文字转成数字。所以 "10" - 5 得到 5。只有加号会变拼接。

3动手试

点「运行」，代码会真的在这一页里跑一遍，结果显示在下面。输出里带引号的是文字，不带引号的是数字，看输出时先看引号。

console.log("1" + 2)           // 第一行：文字 + 数字
console.log(Number("1") + 2)   // 第二行：先转成数字再加

console.log("2.04.10" > "2.04.9")   // 当文字比，结果是？

// 修法：按点拆开，每段转成数字再比
const a = "2.04.10".split(".").map(Number)   // 得到 [2, 4, 10]
const b = "2.04.9".split(".").map(Number)    // 得到 [2, 4, 9]
console.log(a[2] > b[2])   // 第三段 10 > 9，结果是？

console.log(typeof 42)      // 数字查出来是什么？
console.log(typeof "abc")   // 文字查出来是什么？
console.log(typeof true)    // true 查出来是什么？

4练一练

五道选择题，点一个选项马上判对错。选错了会告诉你错在哪，再换一个试试；选对了会告诉你为什么对。

5适用案例

这一章的东西不是课本练习，你自己的三个项目里全在用。

let n = await KV.get("count")   // 取出来的是文字 "5"，不是数字 5
n + 1          // 得到 "51"！拼接的坑
Number(n) + 1  // 得到 6，先转再加才对

"2.04.10" > "2.04.9"   // 结果是 false，比错了

const obj = JSON.parse($response.body)   // 文字 → 对象
console.log(obj.name)                    // 转成对象后，才能这样取字段
const body = JSON.stringify(obj)         // 对象 → 文字，发出去之前转回去

✓小结与小作业