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