Переменная Javascript, не проходящая через функцию ocanvas и для цикла

Question

У меня проблема с переменной, не проходящей через функцию ocanvas. кажется, что переменная изменяется внутри функции, но не делает ее вне функции. вот мой код:

   sonicSpeed2 = 0; 
       sonicState2 = 0; 

       canvas.bind("keypress", function() { 
        var keys = canvas.keyboard.getKeysDown(); 
        var x; 

        sonicSpeed2 = 4; 

        for (x = keys.length; x > 0; x--) { 
         if (keys[x-1] == 16 && keys.length > 1) { 
          sonicSpeed2 = 15; 
          sonicState2 = 2; 
         } 
         if (keys[x-1] == 65) { 
          sonicState2 = 1; 
          sonicDirection2a = false; 
         } 
         if (keys[x-1] == 68) { 
          sonicState2 = 1; 
          sonicDirection2a = true; 
         } 
         if (keys[x-1] == 87) { 
          sonicState2 = 1; 
          sonicDirection2b = false; 
         } 
         if (keys[x-1] == 83) { 
          sonicState2 = 1; 
          sonicDirection2b = true; 
         } 
        } 
       }); 

       if (sonicDirection2a == false) { 
        nullObject2.x -= sonicSpeed2; 
       } 
       else if (sonicDirection2a == true) { 
        nullObject2.x += sonicSpeed2; 
       } 

       if (sonicDirection2b == false) { 
        nullObject2.y -= sonicSpeed2; 
       } 
       else if (sonicDirection2b == true) { 
        nullObject2.y += sonicSpeed2; 
       } 

Answer 1

Обработчик событий выполняется в неопределенное время в будущем. Связывание обработчик события, который вы делаете с canvas.bind("keypress", ...), не выполнил эту функцию. Что приходит после, которое выполняется немедленно.

Если вы хотите что-то сделать в ответ на событие, которое должно быть выполнено или выполнено из обработчика событий.

См. Why is my variable unaltered after I modify it inside of a function? - Asynchronous code reference для справки.