如何在模块化设计模式中嵌套功能?

杰里特·鲁姆斯特拉(Gerrit Luimstra)

我正在尝试使用本文来理解“模块设计模式

但是我仍然不明白一些事情。我想了解的主要事情是如何像以前一样“嵌套”功能。这是我使用旧的“方法”(也是我想要实现的)来实现此目的的方法:

var ContentEditor = ContentEditor || {};
ContentEditor.events = {
  sayHi: function(){
    alert("Hi!");
  }
}
ContentEditor.events.sayHi();

现在,使用我以前的“方法”,这很简单,但是就像我说的那样,我试图理解模块设计模式。

这是我到目前为止的内容:

var ContentEditor = (function(){
 // the nested "library"
 var events = {
   sayHi: function(){
     alert();
   }
 }
})();
ContentEditor.events.sayHi(); // this returns "Cannot read property 'events' of undefined".

因此,由于某种原因,未返回事件对象文字?所以我想,我需要退货。所以我像这样更新了代码:

var ContentEditor = (function(){
 // Notice the return here
 return {
   var events = {
     sayHi: function(){
       alert();
     }
   }
 }
})();
ContentEditor.events.sayHi(); // This returns "Unexpected identifier".

我不知道如何解决此问题,我们将不胜感激!谢谢!

宫殿

您可以像下面那样修改您的代码:

var ContentEditor = (function() {

  // Create the events object here
  var events = {

    // Our first private function
    sayHi: function() {
      alert('Hi!');
    },

    // One more private function inside the events object
    sayBye: function() {
      alert('Bye!');
    }
  }

  // Create some public functions here
  // and pass the private functions references to it
  return {
    sayHi: events.sayHi,
    sayBye: events.sayBye
  }
})();

// Call the public functions here
ContentEditor.sayHi();
ContentEditor.sayBye();

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在模块化设计模式中嵌套功能?

来自分类Dev

Android中模块化AsyncTask的设计模式

来自分类Dev

这是模块化的js设计模式吗?以及如何在该模型的不同模块之间重用值?

来自分类Dev

如何在C#,asp.net中编写模块化设计?

来自分类Dev

Angular Dart中的模块化路线设计可支持独立开发的功能集?

来自分类Dev

如何在Node JS中模块化代码

来自分类Dev

如何在Angular中模块化polyfill?

来自分类Dev

如何在Shiny中模块化动态ggvis图表?

来自分类Dev

如何在导出的函数中对导出模块化

来自分类Dev

如何在Angular中模块化polyfill?

来自分类Dev

如何在Django中模块化模板?

来自分类Dev

如何在PHP中模块化类方法?

来自分类Dev

模块模式或模块化

来自分类Dev

模块化C ++设计

来自分类Dev

模块化网页设计

来自分类Dev

模块化js模式中的Webfont Loader

来自分类Dev

Google Apps脚本中的模块化模式

来自分类Dev

模块化js模式中的Webfont Loader

来自分类Dev

在Node.js中的文件之间模块化功能

来自分类Dev

Javascript模块化设计模式-哪个更好:自调用函数还是对象文字方法?

来自分类Dev

如何在模块化星系图像仿真工具Galsim中设置随机种子

来自分类Dev

如何在模块化应用程序中处理通用类/接口?

来自分类Dev

如何在Sass中以模块化方式实现此粘性页脚?

来自分类Dev

如何在zsh中编写一个模块化的?

来自分类Dev

如何在模块化星系图像仿真工具Galsim中设置随机种子

来自分类Dev

如何在Symfony中使表单模块化?

来自分类Dev

如何在索引上使用模块化算术?

来自分类Dev

了解揭示模块化模式

来自分类Dev

Akka模块化消息发送功能

Related 相关文章

热门标签

归档