javascript - 无法调用未定义的方法

Question

我正在尝试开发一个在 html 中创建菜单的 javascript 对象。该函数接收一个对象作为参数。对象元素中有一个函数，应该在从我的对象的方法调用的事件处理程序中执行。

这是我的代码：

Menu = function(config) {
    var j = 0;
    this.config = config;
    this.make = function() {
        for (i = 0; i < this.config.items.length; i++) {
            var vid = document.createElement("div");
            vid.className = this.config.cls;
            vid.id += i;
            document.body.appendChild(vid);
            var txt = document.createTextNode(this.config.items[i]);
            var pp = document.createElement("p");
            pp.appendChild(txt);
            vid.appendChild(pp);
        }

        document.addEventListener("keydown", this.scrolldown, false);
        document.onkeydown = function(e) {
            var keyCode = e.keyCode;
            alert("functional");
            if (keyCode == 40) {
                alert("You hit key down");

                var et = document.getElementById(j);
                this.config.trait1(et);
                j = j + 1;
            } else {
                alert("no");
            }

        }
    };

    return this;
};

当我在实例化对象后调用函数 make 我创建了我的元素但我的事件没有被处理，因为：

未捕获的类型错误：无法调用 undefined 的方法“trait1”。

谁能帮我？我看到了同一个问题的许多答案，但建议的解决方案都没有奏效。

Answer 1

thisMenu函数内部this与函数内部不同onkeydown。

将 的值存储this在另一个变量中并使用它。

Menu = function () {
    var myMenu = this; // I'm assuming that you will be calling `new Menu()`
    document.onkeydown = function () {
        myMenu.config.etc.etc.etc
    }
}