正确做法是先用 slice(0, maxLength-3) 截取，再判断是否超长并拼接 "..."；padEnd() 仅用于补空格对齐，不参与截断或打点。
可以用 padEnd() 配合 slice() 实现「固定显示长度 + 自动截断 + 末尾打点」的效果，但要注意：两者职责不同，padEnd() 本身不负责截断，真正控制长度的是 slice()，padEnd() 只在不足时补字符（比如空格或点）——而打点省略通常只需在截断后手动加 "..." 即可。
核心逻辑：先截再补，不是用 padEnd 打点
padEnd(targetLength, padString) 的作用是「把字符串拉长到指定长度」，若原串已更长，它不会截断，也不会改变原串。所以不能靠它来实现「超长时截断+打点」。正确顺序是：
- 用
slice(0, maxLength)截取前maxLength个字符（注意：这里maxLength应预留 3 位给"..."） - 判断原字符串是否超过
maxLength；若超过，拼接"..."；否则保留原截取结果 -
padEnd()在这个场景中一般不需要，除非你有特殊对齐需求（如等宽展示、右对齐补空格）
标准截断打点写法（推荐）
例如限制显示最多 10 个字符，超长则显示 "abcde..."：
function truncateWithEllipsis(str, maxLength = 10) {
if (str.length <= maxLength) return str;
return str.slice(0, maxLength - 3) + '...';
}使用示例：
truncateWithEllipsis("Hello, world!", 10); // "Hello..."
truncateWithEllipsis("Hi", 10); // "Hi"如果非要结合 padEnd：仅用于补空格对齐（非打点）
假设你要渲染一个固定宽度为 12 的文本区域，内容短就右对齐补空格，超长才截断打点——这时可分两步：
- 先按需截断并加
"..." - 再用
padEnd(12)补空格（使整体占满 12 位，便于表格/列表对齐）
const truncated = str.length > 9 ? str.slice(0, 9) + '...' : str; const aligned = truncated.padEnd(12); // 短文本右侧补空格
注意中文与 Unicode 字符的长度陷阱
slice() 按 UTF-16 码元计数，对大部分中文、emoji 是准确的；但遇到代理对（如某些 emoji 组合）可能切在中间。如需精确字数控制（按用户感知的“字符”），建议用 Array.from(str).slice() 或第三方库如 grapheme-splitter。简单场景下 slice() 足够可靠。
