大家好，我是 31 岁、爱折腾代码、也爱把技术讲成故事的小米。
如果你写 JavaScript 的时间够久，一定会有一种感觉：
JS 里最熟悉、用得最多、但又最容易被忽略的类型，就是 String。
我们天天在用它，却很少认真"聊一聊它"。于是有一天，我在敲代码的时候突然脑补了一个画面：
String 不是字符串，它是一个庞大的"文字王国"。
今天这篇文章，我就带你跟着我，一起走进 JavaScript 的文字王国，看看 String 这个"老朋友"，到底藏了多少你可能没认真想过的秘密。
字符字面量：文字王国的"入口大门"
故事要从"进城"说起。在 JavaScript 里，只要你想进入文字王国，就必须从字符字面量这几扇大门进去。
1、三种最常见的字符字面量
在 JS 里，字符串可以用：
- 双引号 "
- 单引号 '
- 反引号 `（模板字面量）
我第一次学 JS 的时候，特别纠结： "老师，到底用单引号还是双引号？"
后来工作几年才发现：JavaScript 本身不在乎，项目规范才在乎。
2、转义字符：城门的"暗号"
如果你想在字符串里放一些"特殊角色"，就得用转义字符。
常见转义字符对照表：
在文字王国里，反斜杠就像"通行证"，告诉 JS：后面这个字符别按原来的意思理解。
字符串的特点：文字王国的"基本国法"
进了城，总要先了解这个国家的基本规则。
1、字符串是"不可变的"
这是 String 最重要、也是最容易被忽略的一点：字符串一旦创建，就不可被修改。
你以为你在改字符串，实际上 JS 在心里冷冷地对你说了一句："对不起，本国不支持原地修改。"
你真正能做的，只是创建一个新字符串。
字符串就像一块已经烤好的蛋糕，你不能从中间挖一块再塞回去，你只能重新烤一块新的。
2、字符串有 length，但不是数组
很多新人一看到 str0，就误以为字符串是数组。
错。 字符串只是 "像数组一样可读" ，但本质不是数组。
转换为字符串：跨国公民的"身份转换"。
在文字王国里，经常会有"外来人口"，比如：数字、布尔值、对象......他们想进城，就必须变成字符串。
1、使用 String()
这是最安全、最通用的方式。
2、使用 toString()
但要注意：
3、经验总结
4、隐式转换（不推荐但你一定见过）
这是 JS 在背后偷偷做的事情。小米的忠告是：面试可以说，代码里少用。
模板字面量：文字王国的"高级语法"
ES6 之后，文字王国迎来了一次"技术革命"。
1、模板字面量登场
你第一次用模板字面量时，一定会有一种感觉："以前那堆 + 拼字符串的日子，终于结束了。"
2、支持多行字符串
不用 \n，不用拼接，写什么样，就是什么样。
字符串插值：让字符串"活起来"
模板字面量真正的灵魂，是字符串插值。
${} 里：
- 可以写变量
- 可以写表达式
- 可以写函数调用
本质理解
字符串插值不是"拼接字符串"，而是 "在字符串里执行 JavaScript 表达式"。
模板字面量标签函数：文字王国的"翻译官"
接下来这一部分，是很多人见过，但没用过，也没搞懂的高级玩法。
1、什么是标签函数？
输出结果：
解释一下
- strings：被 ${} 分割后的字符串数组
- values：插值表达式的值
2、标签函数能干嘛？
示例：防止 XSS
现实意义
- 模板引擎
- SQL 构建
- XSS 防护
- 国际化文本处理
可以理解为：标签函数 = 字符串的"预处理器"。
原始字符串：不被转义的"原貌文本"
最后一个点，非常细，但非常有用。
1、什么是原始字符串？
String.raw 会保留字符串的原始内容。
2、使用场景
适合：
- 正则表达式
- Windows 路径
- 需要精确字符的场景
一句话总结
原始字符串，就是"我写什么，你就给我什么"。
总结：String 不简单，只是你太熟了
写到这里，小米想说一句掏心窝子的：
String 是 JavaScript 里最基础的类型之一，也是最容易被低估的类型之一。
你天天在用它，但真正理解它的不可变性、模板能力、标签函数之后，你会发现：
- 代码更优雅
- 思路更清晰
- 面试也更有底气
END
我是小米，一个喜欢分享技术的31岁程序员。如果你喜欢我的文章，欢迎关注我的微信公众号"软件求生"，获取更多技术干货！
好朋友们，我们下篇见。