Question

我目前正在为freeCodeCamp.com开发一个javascript项目，而且我遇到了一个数组问题。

该项目旨在重建游戏＆＃39; Simon＆＃39;。我这样做是通过生成一个随机数并将其推入一个数组（correctPattern），然后将该数组传递给一个相应播放音频/视觉动画的函数。

问题是，我在函数参数（＆＃39; sound＆＃39;）上使用.shift并且递归调用函数循环遍历数组，直到它为空。当我这样做时，它会以某种方式对全局数组执行此操作。因此，一旦将数组传递给函数，函数参数（数组）将使用shift进行修剪，并且也适用于全局数组。

我的印象是函数参数等于传递的项，但更改参数不会影响传递的实际项。这是不正确的？如果是这样，我该如何正确执行此功能？

我使用此方法的唯一原因是因为我需要使用setTimeout来延迟游戏中播放的音频文件，否则它们都会立即播放。

以下是代码重要部分的副本。

//ANIMATE DIV BUTTON & PLAY RELATIVE AUDIO FILE
        function animateMoveList(sound){
          var soundFile = parseInt(sound[0]);
            if(sound.length > 0){
              $(".circle").removeClass('highlighted');
                switch(soundFile){
                    case 1:
                      $(".circle1").addClass('highlighted');
                      audio1.play();
                      break;
                    case 2:
                      $(".circle2").addClass('highlighted');
                      audio2.play();
                      break;
                    case 3:
                      $(".circle3").addClass('highlighted');
                      audio3.play();
                      break;
                    case 4:
                      $(".circle4").addClass('highlighted');
                      audio4.play();
                      break
                 }
                setTimeout(function(){
                  if(typeof sound !== 'string'){
                    sound.shift();
                  } else {
                    sound = [];
                  }
                  $(".circle").removeClass('highlighted');
                  animateMoveList(sound);
                }, 1000);

            }

        }
        function comparePatterns(){

        }
        //GENERATE RANDOM NUMBER, PUSH TO correctPattern AND PLAY ANIMATION
        function pcMove(){
          var randomNumber = Math.floor(Math.random() * 4 + 1);
          correctPattern.push(randomNumber);
          setTimeout(function(){
              console.log(correctPattern);
              animateMoveList(correctPattern);
              userTurn = true;
          }, 500);

        }

Answer 1

Javascript数组通过引用传递，如果对函数内部的数组进行任何更改，这些更改将保存在原始数组中。

按值传递数组（传递数组的副本），这意味着对传递的数组所做的更改将不会保存在原始数组中。这可以通过使用本机数组方法 - “slice（）”来完成 - 如任何javascript language reference中所述。在这种情况下，'slice'方法将返回数组的浅表副本。

参考文献：

在函数参数上使用.shift（），它会影响作为参数传递的全局数组

1 个答案: