javascript - 怎么把 i 传到 pausePlay 函数里？

Question

function controlAudio () {

    var audios=document.getElementsByTagName('audio');
    var buttons=document.getElementsByTagName('p');
    for (var i = 0; i < buttons.length; i++) {
        buttons[i].onclick=function  () {  //这里
            pausePlay();
        }
    }
    function pausePlay () {
        if (audios[i].paused) {
                audios[i].play();
            }
            else{
                audios[i].pause();
            }
        }
    }

Answer 1

function controlAudio () {

    var audios=document.getElementsByTagName('audio');
    var buttons=document.getElementsByTagName('p');
    for (var i = 0; i < buttons.length; i++) {
        buttons[i].onclick=(function  (i) {  //这里
            pausePlay(i);
        })(i)
    }
    function pausePlay (i) {
        return function(){
        if (audios[i].paused) {
                audios[i].play();
            }
            else{
                audios[i].pause();
            }
        }
        
        }
    }

这样，相当于事件点击绑定的是return后的函数