字符串是原始类型，为什么还能用下标取字符？能用下标改吗？

读得到，改不了

先看一段代码，把读、越界、赋值、表情这几种情况放在一起。

'use strict'
const s = 'hello'
console.log(s[0], s.at(-1), s.charAt(10), s[10])
console.log(typeof s[0], s.length)
try {
  s[0] = 'H'                         // 严格模式下报错
} catch (e) {
  console.log(e.constructor.name)
}
console.log(s)                       // 原字符串没变
console.log('H' + s.slice(1))        // 只能生成新字符串
console.log('😀'[0] === '\uD83D', [...'😀'].length)

h o  undefined
string 5
TypeError
hello
Hello
true 1

包装对象是怎么回事

'hello'.toUpperCase() 能调用方法，'hello'[0] 能取字符，背后是同一个机制。访问原始值的属性时，引擎相当于做了一次 new String('hello')，在这个临时对象上查属性或调方法，用完立刻丢弃。现代引擎会优化掉真实的对象创建，但语义上就是这样。

包装对象上的索引属性描述符是 writable: false、configurable: false。非严格模式下给它赋值会静默失败；严格模式下对只读属性赋值会抛 TypeError。就算赋值成功了，改的也是那个临时对象，原来的字符串不会受影响。

所以字符串的所有「修改」方法，replace、toUpperCase、slice、padStart，都是返回新字符串，原字符串不变。

表情和组合字符会被拆开

下标的单位是 UTF-16 码元，不是用户看到的一个字。常用汉字一个码元就够，但 😀 这样的表情要两个码元组成代理对，'😀'[0] 取到的只是前一半 \uD83D，单独显示出来是乱码。

需要按「字」处理时，用 [...str] 或 Array.from(str)，它们按码点拆分，表情会被当成一个整体。截断用户昵称、统计评论字数这类场景，直接用下标或 slice 可能把表情切成两半，界面上会出现一个问号方块。

容易答错的地方

以为字符串是字符数组

字符串只是长得像数组，它没有 push、splice 这些方法，也没有字符类型。要用数组方法得先 split('') 或展开成数组，处理完再 join('')。

以为 str[i] = x 能改字符串

非严格模式下这行不报错，很容易以为改成功了。实际上字符串一个字符都没变。要替换某个位置，只能拼一个新字符串，比如 s.slice(0, i) + x + s.slice(i + 1)。

把下标和 charAt 当成完全一样

正常范围内两者结果相同，越界时不同：下标返回 undefined，charAt 返回空字符串。写 if (s[i]) 和 if (s.charAt(i)) 在越界时都是假值，但比较 s[i] === undefined 时就只能用下标。

面试官还会怎么问？

把知识连起来