JavaScript函数调用未返回预期值（lives递减异常）求助

你的问题出在两个核心点上：

1. 后置递减运算符的行为 #

lives--是后置递减，它的执行逻辑是：先返回变量当前的原始值，再对变量做减1操作。所以你的removeLives函数每次返回的都是传入的初始值（比如20），而非减1后的结果。

2. JavaScript基本类型的传值规则 #

lives是数字类型，属于JavaScript的基本类型。当你把它作为参数传给函数时，传递的是值的副本——函数内部修改的只是这个副本，不会影响外部的lives变量。

解决方法 #

方法一：用前置递减并接收返回值 #

把函数里的lives--改成--lives（前置递减，先完成减1操作，再返回结果），同时调用函数时要把返回值重新赋值给外部的lives：

const removeLives = function(lives) { 
  return --lives; 
}

// 调用时修改为
lives = removeLives(lives);
document.querySelector('.lives').textContent = `Lives: ${lives}`;

方法二：直接返回减后的值（更直观） #

不需要用递减运算符，直接返回lives - 1，同样要接收返回值：

const removeLives = function(lives) { 
  return lives - 1; 
}

// 调用时
lives = removeLives(lives);
document.querySelector('.lives').textContent = `Lives: ${lives}`;

方法三：让函数直接操作外部变量（适合新手快速理解） #

如果不想处理返回值，可以让函数直接访问外部的lives变量（但这种方式会降低函数的独立性，不推荐在复杂代码中使用）：

// 不需要传参，直接操作外部的lives
const removeLives = function() { 
  lives--; 
}

// 调用时直接执行
removeLives();
document.querySelector('.lives').textContent = `Lives: ${lives}`;

你之前直接写lives--能正常工作，是因为那段代码直接操作的是外部的lives变量，没有经过函数传值的副本环节，所以变量能被正确修改。

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