JavaScript中.slice()方法工作原理：计算器slice(0,-1)机制解析

先给你拆解核心逻辑：slice()是JavaScript里字符串（和数组）的原生方法，作用是截取一段子内容并返回新的结果，不会修改原内容，这也是它适合计算器删除功能的原因——不会搞乱原有的输入状态，只生成需要的新内容。

参数到底是什么意思？ #

slice(startIndex, endIndex)有两个参数：

• 第一个参数startIndex：截取的起始位置（包含这个位置的内容），这里填0就是从字符串的第一个字符开始。
• 第二个参数endIndex：截取的结束位置（不包含这个位置的内容）。当你填负数的时候，它会从字符串的末尾开始倒数计数：
  • -1代表倒数第1个字符的位置，因为slice不包含结束位置，所以实际截取到倒数第2个字符为止——刚好把最后一个字符砍掉。

结合计算器的实际代码看 #

假设你的计算器显示区域是一个DOM元素，比如<div id="display">1234</div>，删除按钮的逻辑大概是这样：

const display = document.getElementById('display');
const deleteBtn = document.querySelector('.delete-btn');

deleteBtn.addEventListener('click', () => {
  const currentInput = display.textContent;
  // 避免空内容时继续删除（可选，但更严谨）
  if (currentInput.length > 0) {
    // 把截取后的新字符串赋值给显示区域，实现删除最后一位
    display.textContent = currentInput.slice(0, -1);
  }
});

比如当前显示的是"1234"，currentInput.slice(0, -1)会返回"123"；再点一次，返回"12"，以此类推，直到内容为空。

额外补充：为什么不用其他方法？ #

比如你可能会想用substring或者直接修改字符串，但slice的负数参数写法更简洁，而且它对数组和字符串都适用（如果你的计算器用数组存输入字符，逻辑也是一样的）。另外，因为它不修改原字符串，所以如果需要保留原输入记录，也不会被破坏。

内容的提问来源于stack exchange，提问作者Md Morshed