javascript 新手, 最近在看萧大直播编程, 第一集就有不明白的地方, 在萧大重构的时候, 在 GuaGame 里面对 event, setInterval 进行了一个注册事件, 我不是很懂这个注册事件的原理是怎样的, 望有看过直播的人能解答一下:

没重构之前的代码大概是这样的:

window.addEventListener('keyup', function() {
    var k = event.key
    if (k == 'a') {
        leftDown = false
    }
    else if (k == 'd') {
        rightDown = false
    }
})

setInterval(function() {
    // update x
    if (leftDown) {
        x -= speed
    }
    else if (rightDown) {
        x += speed
    }
    // draw
    context.clearRect(0, 0, canvas.width, canvas.height)
    context.drawImage(img, x, y)
}, 1000/30)

我的理解是:
对 KeyboardEvent 进行监听, 如果是按下对应的键(比如'a')就执行 setInterval函数来移动 paddle

重构以后这部分代码变成了这样:

var g = {
        actions: {},
        keydowns: {},
    }
    window.addEventListener('keydown', function(event){
        g.keydowns[event.key] = true
    })
    window.addEventListener('keyup', function(event){
        g.keydowns[event.key] = false
    })
    // 注册事件
    g.registerAction = function(key, callback) {
        g.actions[key] = callback
    }
    // timer
    setInterval(function() {
        // events
        var actions = Object.keys(g.actions)
        for (var i = 0; i < actions.length; i++) {
            var key = actions[i]
            if (g.keydowns[key]) {
                // 如果案件被按下, 调用注册的 actions
                g.actions[key]()
            }
        }
        // update
        g.update()
        context.clearRect(0, 0, g.canvas.width, g.canvas.height)
        // draw
        g.draw()
    }, 1000/30)

不是很理解这个 actions 和 keydowns两个对象到底是储存了什么, 这段注册事件到底是怎么一个原理.

若有人能解答, 不胜感激, 谢谢