JS关闭问题

Question

我有这个js：

(function () {

    Namespace = {

        settings: {
            myVar: 'test' 
        },

        init: function() {

            var memberSearchFrm = document.getElementById('memberSearch');
            memberSearchFrm.onsubmit = function() {

                this.someOtherFunction(); // doesn't work
                console.log(this.settings.myVar); // doesn't work 
            }
         },

        someOtherFunction: function() {
            console.log('test');  
        }
    }

    Namespace.init();
})();

当我进入我的 onSubmit 函数时，我失去了“this”的上下文。您能帮我理解为什么会发生这种情况以及如何解决这种情况吗？

Answer 1

试试这个那个把戏。

在你关闭之前设置一个名为 'that' 的变量给 this。

var that = this;

然后在你的闭包中使用它。您遇到的问题是闭包附加到您的 DOM 节点而不是您的对象。因此，当您调用闭包时，它具有 DOM 节点的值。

Answer 2

memberSearchFrm.onsubmit 内部，this 指的是memberSearchFrm，而不是你想要的对象。您需要保存对this 的引用。

    init: function() {
        var that = this;
        var memberSearchFrm = document.getElementById('memberSearch');
        memberSearchFrm.onsubmit = function() {
            that.someOtherFunction();
            console.log(that.settings.myVar); 
        }
     },

Answer 3

我在闭包中遇到了同样的问题，并制作了这个小提琴来尝试不同的方法来调用闭包中的其他函数。

http://jsfiddle.net/7FzEz/5/

我终于确定了这个格式：

(function () {

     var obj = {

        settings: {
            myVar: 'test' 
        },

        init: function() {

            var memberSearchFrm = document.getElementById('memberSearch');
            memberSearchFrm.onsubmit = function() {

                obj.someOtherFunction(); 
                console.log(obj.settings.myVar);  
            }
         },

        someOtherFunction: function() {
            console.log('test');  
        }
    }

    obj.init();
})();