麻烦与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功能。你能帮我理解为什么会发生这种情况，以及如何解决这种情况？

Answer 1

试试这个技巧。

在关闭之前，为此设置一个名为'that'的变量。

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(); 
})();