JavaScript OOP 模型公式答案

【问题标题】：JavaScript OOP Models FormulaJavaScript OOP 模型公式
【发布时间】：2012-11-18 22:34:52
【问题描述】：

正在为我自己的一个项目创建一个简单的 MVC 框架。我没有使用公开的，而是决定创建一个，因为我的需求非常不寻常。

我已经为控制器和视图设置了结构，但是，我在创建模型结构时遇到了一些问题。

这就是我的模型结构：

model.models = function(args){

    init: function(){

        this.on_init();
    },

    on_init: args.on_init || noop,
    data: args.data || {},

};

那么，我将其称为我想要创建的所有模型的基本公式。比如我想以此为基本蓝图创建员工、通知等一些模型，然后做一些基本的调整。

我打电话：

model.employees = new model.models({

    on_init: function(){
        //something specific
    },

    data: {
        //defaults
    }

});

到目前为止，我们都很好，但是这就是我遇到麻烦的地方。现在，当我想创建最终结果模型时，我无法创建新的模型对象中的对象..它必须是一个函数。

我唯一能想到的就是为第二种方法创建一个返回函数，但这本身就会带来一些问题。我对其他 MVC 代码进行了一些研究，但我无法理解它。

任何帮助将不胜感激！

【问题讨论】：

我认为你能做的最好的事情是使用像backbone.js、ember.js 或其他将记录的Javascript MVC/MV* 框架。您可以从使用它们、阅读它们的文档和查看它们的源代码中学到很多东西。

标签： javascript oop model-view-controller

【解决方案1】：

这是你想要的吗？

model.models = function(args){
    var noop = function(){};

    var o = {};
    var init = args.on_init || noop;
    var data = args.data || {};

    init();
    //handle other initialization
    //o.a = xx;
    //o.b = xx;
    //o.c = data.xxx;
    //....

    return o;
}

那么就可以用new了，不会出现语法错误

【讨论】：

除了添加一个新变量“o”来执行返回之外，我没有看到任何变化？基本上和问题一模一样？

【解决方案2】：

做了很多摆弄，想出了这个：

var blueprint = function(args){

return {

    data: args.data,
    on_init: args.on_init,
    create: function(args){

        this.on_init();

        return {

            data: this.data,

            whatever: function(){
                console.log(args);
            }
        };
    }

};

};

var notifs = new blueprint({

on_init: function(){
    console.log('init');
},

data: {
    test: 'test'
}

});

var res = notifs.create('test');

console.log(blueprint);
console.log(notifs);
console.log(res);

它带有一个可以工作的 main 函数，notifs 函数可以为每个单独的对象类型定制，然后调用 create 方法将创建 end 方法。

轰隆隆！

【讨论】：