slice支持负索引且最推荐，substring不支持负索引但可自动调整参数顺序，substr按长度截取但已废弃。日常应优先使用slice以确保代码清晰与兼容性。
在JavaScript中，截取字符串是常见的操作。JS提供了三种常用方法：substring、slice 和 substr。虽然它们都能实现字符串截取，但在参数处理和使用方式上有所不同。下面详细对比这三种方法的用法与区别。
slice 方法：灵活且支持负索引
slice 方法从指定起始位置提取字符串的一部分，并返回新字符串，原字符串不变。
语法： str.slice(start, end)
- start：开始位置（包含），支持负数（从末尾往前数）
- end：结束位置（不包含），可选，支持负数
示例：
let str = "hello world";
console.log(str.slice(0, 5)); // "hello"
console.log(str.slice(-5)); // "world"
console.log(str.slice(6, -1)); // "worl"
substring 方法：类似 slice，但不支持负索引
substring 也返回从 start 到 end（不包含）之间的字符。
语法： str.substring(start, end)
- 如果 start 大于 end，会自动交换两个参数
- 负值会被当作 0 处理
示例：
console.log(str.substring(0, 5)); // "hello"
console.log(str.substring(10, 6)); // " wor"（自动交换）
console.log(str.substring(-5, 5)); // "hello"（-5 被视为 0）
substr 方法：按长度截取（已不推荐）
substr 返回从指定位置开始的指定长度的字符。
语法： str.substr(start, length)
- start：起始位置，支持负数
- length：要截取的字符数量，省略则到末尾
示例：
console.log(str.substr(6, 5)); // "world"
console.log(str.substr(-5, 3)); // "wor"
注意：ECMAScript 已将 substr 标记为“已废弃”，虽然仍可用，但建议避免在新项目中使用。
三者对比总结
- 负索引支持： slice 支持，substring 不支持，substr 支持
- 参数逻辑： slice 和 substring 使用起止位置；substr 使用起始位置+长度
- 参数顺序处理： substring 会自动调整大小顺序，slice 不会
-
推荐程度：
优先使用 slice，功能最清晰且兼容性好
优先使用 slice，功能最清晰且兼容性好基本上就这些。日常开发中，slice 是最安全、最直观的选择，尤其在需要处理负索引时。避免使用 substr 可提升代码的长期可维护性。
