Javascript变量不通过ocanvas函数和for循环

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。