JavaScript 的 trim()、trimStart() 和 trimEnd() 专用于清除字符串首尾 Unicode 空白符（不含全角空格），不修改中间内容，返回新字符串，使用前需校验类型并按需结合正则处理特殊空白。
用户输入常带有多余空格，比如开头、结尾或中间混入全角/半角空格、换行符、制表符等。JavaScript 的 trim()、trimStart() 和 trimEnd() 是专门处理首尾空白字符的轻量方法，不改变字符串中间内容，也不影响非空白字符——它们只针对 Unicode 标准定义的“空白符”（如 U+0020 空格、U+0009 制表符、U+000A 换行、U+000D 回车、U+2028 行分隔符等），对中文全角空格（U+3000）默认无效。
用 trim() 一次性清除首尾所有空白
这是最常用的方法，适合绝大多数表单校验场景，比如登录用户名、搜索关键词、邮箱地址输入：
- 它同时移除字符串开头和结尾的空白符，但保留中间的空格（例如 " hello world " → "hello world"）
- 对不可见控制字符也生效，比如用户粘贴时带入的
\n或\t - 注意：它不会处理全角空格（ ）、零宽空格（U+200B）或不间断空格（U+00A0），遇到这类情况需额外正则补充
用 trimStart() 精准清理开头冗余空格
当业务逻辑要求“允许结尾有空格但不允许开头有”时使用，比如多行文本编辑器中某字段需左对齐、或兼容某些保留末尾缩进的格式：
- 仅作用于左侧，不影响右侧和中间，例如 "\t\n abc def " → "abc def "
- 在表单自动补全或拼接字符串前预处理时很实用，避免开头空格导致 API 请求异常（如 OAuth token 前意外多一个空格）
- 可与
trimEnd()组合使用，实现比trim()更灵活的控制，比如只清开头、再单独判断结尾是否为有效符号
用 trimEnd() 处理结尾干扰，保留左侧格式
适用于用户可能无意中按了空格键结束输入，又不想破坏原有缩进或对齐结构的场景，例如代码片段提交、SQL 查询输入框：
- 只清除结尾空白，开头和中间完全不动，例如 " SELECT * FROM users; \n\t " → " SELECT * FROM users;"
- 比正则
.replace(/\s+$/, '')更语义清晰、性能略优，且原生支持所有标准空白符 - 若后端要求严格校验结尾不能有空格（如密码字段末尾空格易被忽略），配合
===比较前调用它可避免误判
注意事项与实用建议
这三个方法都返回新字符串，不修改原值；全部只处理首尾，不碰中间；对 null/undefined 会报错，务必先做类型检查：
- 安全写法：
typeof input === 'string' ? input.trim() : '' - 需要兼容全角空格？可叠加正则：
str.replace(/^[ \u3000\s]+|[ \u3000\s]+$/g, '')（ - 想彻底清理所有空白（包括中间）？明确用
replace(/\s/g, '')，但慎用——可能误删有意义的空格，如人名中的间隔 - Vue/React 中建议在 v-model 或 onChange 里即时 trim，而不是等到提交时才处理，提升用户体验
