这个JavaScript模式是如何调用的？如何以正确的方式使用它？

Question

我已经接管了一个使用JavaScript的现有项目，方法如下。我想了解如何/为什么这样做，并获得更多有关如何有效使用它的信息。这种模式有没有名称，所以我可以做更多的研究？

的index.html（前</body>）

<script src="main.js"></script> 
<script src="navigation.js"></script> 
<script> 
    var navigation = new window.Navigation(); 
    window.App.navigation = navigation; 
    window.App.navigation.init(this); 
</script> 

main.js（简称...）

App = {}; 
$(document).ready(function(){ 
    console.log('doc ready'); 
}); 

navigation.js（简称...）

window.Navigation = (function() { 
return function() { 
    return { 
     scope: undefined, 
     someElement:undefined, 

     init: function (pScope) { 
      this.scope = pScope; 
      this.someElement = $(this.scope.querySelectorAll('.some-element')); 
      this.someMethod(); 
     }, 
     someMethod: function() { 
      // some jQuery 
      if($(this).hasClass('some-class')) { 
       self.anotherMethod(); 
      } 
     }, 
     anotherMethod: function() { 
      // some jQuery 
      $(this.someElement).show(); 
      this.yetAnotherMethod(); 
     }, 
     yetAnotherMethod: function() { 
      // some jQuery 
      $(this.someElement).stop().animate({duration:200}); 
     } 
    }; 
}; 
}()); 

除了了解这个模式是什么以及为什么会使用它，我还有一个实际的问题：

navigation.js控制器负责我们的元素.navigation。现在，如果有多个.navigation，与一个.avigation元素进行交互会导致所有.navigation元素对交互作出反应。

我该如何触发控制器来控制每个.navigation元素本身？ （我希望我的词汇量是正确这里）

它的工作原理，如果我在使用jQuery以下方式调用控制器（里面的index.html），但感觉不对：

Answer 1

也就是说一个JavaScript Object Literal或Singleton模式。这里是一个非常简单的例子：

<script> 

var exampleObj = { 

    settings : { 
     'test' : 'example' 
    }, 

    alertSettings : function(){ 
     alert(this.settings.test); 
    }, 

    gotCha : function(){ 
     var self = this; 
     $('body').animate({"background-color":"red"},2000,function(){ 
      alert(self.settings.test); 
      self.alertSettings(); 
     }); 
    }, 

    init : function() { 
     this.alertSettings(); 
     this.gotCha(); 
    } 

} 

exampleObj.init(); // triggers the events 

</script> 

初始化触发alertSettings()方法，然后gotCha()。您会注意到gotCha()重新声明this为self。这是因为gotCha()中的某个函数内有一个函数，而this对它所包含的函数的限制（或范围）。所以内部函数引用self别名（或clojure），因为它想要警告的变量位于外部函数this中。

快速而肮脏。我希望这有帮助。 *需要jQuery