字符串：模板、方法与两个经典坑

一、模板字符串：把式计算的结果填进去

const msg = `用户 ${user.name} 有 ${user.points} 积分，下一级还差 ${2000 - user.points}`

// ${} 里能放任意表达式，不只是变量：
`总共 ${items.length} 件，均价 ${(total / items.length).toFixed(2)} 元`

// 反引号里可以直接换行，不需要 \n：
const html = `
  <article>
    <h3>${user.name}</h3>
  </article>
`

二、常用方法速查（右侧是实际运行结果）

所有方法都返回新字符串，原字符串永远不变——下面统一以 const s = ' Hello JS World ' 为例（两端带空格）。

三、两个实操：生成 slug 与编号补零

// slug：标题 → URL 友好的短横线连接形式
function slugify(title) {
  return title.trim().toLowerCase().split(/\s+/).join('-')
}
slugify('  My First Blog Post  ')   // 'my-first-blog-post'

// 编号补零：订单号、时间、学号
String(order).padStart(5, '0')   // '00007'

四、坑：indexOf 找不到时返回 -1，而 -1 是真值

另一组易混：slice(start, end) 支持负数下标；substring 会把负数当 0、参数颠倒还会自动交换。「要用就统一用 slice」，少记一套规则。字符串比较大小按 Unicode 码点逐字符进行（'apple' < 'banana' 为 true），中文按拼音排序要靠 localeCompare('zh')。