javascript oop 和这个

Question

给出以下代码：

JE.events = {
  self: this,
  controller: {
    init: function(){            
        $(".monthheader").click(function () { 
            JE.events.model.get($(this).attr('title')); 
            return false;
        });

        return this;
    }
  },

  model: {
    get: function(monthnum){
        ...
    }
  }

}

我如何将调用替换

JE.events.model.get(..);

为类似的内容

self.model.get(..);

整个代码或多或少都在这个要点 https ://gist.github.com/966270。这个想法是在 js 中创建一个非常简单的 MVC（我的第一次尝试），我可以轻松地重用它。欢迎改进！

Answer 1

JE.events = (function {
  // Create closure

  // Declare controller and model as local
  var Controller = {
    init: function(){            
        $(".monthheader").click(function () { 
            Model.get($(this).attr('title')); 
            return false;
        });

        return this;
    }
  }

  var Model = {
    get: function(monthnum){
        ...
    }
  }

  // return object thats assigned to JE.events
  return {
    controller: Controller,
    model: Model
  }

)();

您可能还想查看 backbone 或 spine 是轻量级的 MVC 框架。

它们为您提供一些简单的抽象和大量的控制。还有小而简单的。

如果我从头开始编写一个微型 MVC 框架，它将收敛到主干或骨干，因此最好使用这两者之一。