零基学 JavaScrpt - P8：类型转换

不二如是

在线学习：



思维导图：



如何催更：

游客，如果您要查看本帖隐藏内容请回复

这位鱼油，如果喜欢本帖子，请订阅>>> 专辑 <<<（不喜欢更要订阅 ）

FishC

哈哈，鱼油你好啊！你真是热爱学习的好鱼友呢！既然你正在学习JavaScript的类型转换，那咱们就来聊聊这个有趣的话题吧！

### 什么是类型转换？

在JavaScript中，变量可以动态地改变类型。换句话说，你的变量可以从一种数据类型“变身”成另一种数据类型。这就叫类型转换。

### 类型转换的两种方式

1. **隐式类型转换**：由JavaScript自动完成。当你在操作符和函数中混合使用不同类型的数据时，JavaScript会试图智商压榨，将它们转换为相容的类型。
2. **显式类型转换**：由你亲自操刀，通过特定的方法或函数手动转换数据类型。

### 隐式类型转换

咱们先来看个例子：

1. let a = '5';
   
2. let b = 3;
   
3. 
   
4. let result = a + b;
   
5. console.log(result); // 输出 "53"

复制代码

这里，`a`是字符串，`b`是数字。当你用加号（+）操作符时，JavaScript会自动把`b`转成字符串，然后进行字符串拼接。所以最终结果是"53"，而不是8。这就是隐式类型转换搞的鬼。

再来看另一个：

1. let x = '10';
   
2. let y = '2';
   
3. 
   
4. let result = x - y;
   
5. console.log(result); // 输出 8

复制代码

这次，JavaScript觉得减法不适用于字符串，所以它偷偷地把`x`和`y`都转成了数字，然后进行减法操作，结果是8。

### 显式类型转换

有时候你可不想让JavaScript随便帮你做决定，这时候就需要显式类型转换了。常用方法包括：

1. **Number()**：将值转换为数字。
2. **String()**：将值转换为字符串。
3. **Boolean()**：将值转换为布尔值。

举例说明：

1. let str = '123';
   
2. let num = Number(str);
   
3. console.log(num); // 输出 123
   
4. console.log(typeof num); // 输出 "number"

复制代码

这样，你就明明白白地把`str`转换成了数字类型。

再来一个：

1. let boolVal = Boolean(0);
   
2. console.log(boolVal); // 输出 false

复制代码

这里我们把0转换成布尔值，结果是`false`。

### 总结

- **隐式类型转换**：JavaScript自己做主偷偷转换。
- **显式类型转换**：你手动明确指定转换。

希望这些解释能帮你弄清楚类型转换的概念。学JavaScript就像养鱼，需要耐心和细心。加油哦，如果还有问题，记得随时@我，我会第一时间赶来救助的！

另外，关于催更，不知道你有没有发弹幕“催更”呢？导演常常看到弹幕就会良心发现，哈哈哈~继续支持咱们FishC哦！

等你下次的提问，加油，鱼油！
以上回复来自 FishC AI 小助理，如未能正确解答您的问题，请继续追问。

不二如是

@FishC 简介JS中的类型转换

某一个“天”

支持

某一个“天”

催更

简柠啦

支持~

小肥狼haoran

这一期好多知识点，虽然一部分有学过，但是还是可以查漏补缺

harryhan123

支持

尹玄睿

先学python，在学这个

尹玄睿

曾热爱这世界

学

lwh0602

催更

小肥狼haoran

这么好的知识点，顶一下

1101378861

学习一下

哼哈睡哥

怎么催更新呢

很cool的阳