带参数的静音切换按钮功能异常问题求助

你的代码失效的核心原因是JavaScript的基本类型（布尔值）是按值传递的：你把isMuted1这类布尔变量传给函数时，函数拿到的只是一个副本，在函数里修改isMuted变量的值，根本不会影响外面的全局变量isMuted1/isMuted2等。所以每次点击按钮，函数里的isMuted永远是初始的false，只会执行静音逻辑，无法切换回来。

修复方案1：利用audio元素自身的muted状态（最简洁） #

直接删掉所有分散的isMuted1~isMuted7变量，复用audio元素自带的muted属性来控制状态，代码更简洁且逻辑清晰：

// 移除所有isMuted1~isMuted7变量

muteButton1.addEventListener('click', () => {
    muteMonster(monster1, audio1);
})
muteButton2.addEventListener('click', () => {
    muteMonster(monster2, audio2);
})
muteButton3.addEventListener('click', () => {
    muteMonster(monster3, audio3);
})
muteButton4.addEventListener('click', () => {
    muteMonster(monster4, audio4);
})
muteButton5.addEventListener('click', () => {
    muteMonster(monster5, audio5);
})
muteButton6.addEventListener('click', () => {
    muteMonster(monster6, audio6);
})
muteButton7.addEventListener('click', () => {
    muteMonster(monster7, audio7);
})

function muteMonster(monster, audioElement) {
    // 直接切换音频的静音状态
    audioElement.muted = !audioElement.muted;
    // 根据静音状态同步元素透明度
    monster.style.opacity = audioElement.muted ? "0.5" : "1";
}

修复方案2：用数组存储全局状态（保留独立状态变量） #

如果你需要保留全局的静音状态变量（比如其他逻辑要依赖这些值），可以把分散的布尔变量改成数组（数组是引用类型，修改数组元素会直接影响全局）：

// 用数组统一存储所有静音状态，初始值全为false
let isMuted = Array(7).fill(false);

muteButton1.addEventListener('click', () => {
    muteMonster(monster1, audio1, 0); // 传递对应索引
})
muteButton2.addEventListener('click', () => {
    muteMonster(monster2, audio2, 1);
})
muteButton3.addEventListener('click', () => {
    muteMonster(monster3, audio3, 2);
})
muteButton4.addEventListener('click', () => {
    muteMonster(monster4, audio4, 3);
})
muteButton5.addEventListener('click', () => {
    muteMonster(monster5, audio5, 4);
})
muteButton6.addEventListener('click', () => {
    muteMonster(monster6, audio6, 5);
})
muteButton7.addEventListener('click', () => {
    muteMonster(monster7, audio7, 6);
})

function muteMonster(monster, audioElement, index) {
    // 切换对应索引的静音状态
    isMuted[index] = !isMuted[index];
    // 应用样式和音频设置
    monster.style.opacity = isMuted[index] ? "0.5" : "1";
    audioElement.muted = isMuted[index];
}

内容的提问来源于stack exchange，提问作者finn.trn