Javascript简单的MVC+模块模式实现

Question

这是使用模块和 MVC 模式创建类似“hello world”的 JS 应用程序的非常基本的尝试。

var appModules = {};

appModules.exampleModul = (function () {

    var _data = ['foo', 'bar']; // private variable

    return {
        view: {
            display: function() {
                $('body').append(appModules.exampleModul.model.getAsString());
            },
        },
        model: {
            getAsString: function() {
                return _data.join(', ');
            },
        }

    };

})();

appModules.exampleModul.view.display();

这工作正常，但我不高兴我必须使用完整的对象路径从 View 中引用模型函数:appModules.exampleModul.model.getAsString()。我如何才能将公共(public)模型方法公开给 View ，以便我可以简单地使用类似 model.getAsString() 的东西？还是我需要以不同方式组织代码？

Answer 1

一种选择是您可以将这些对象转换为私有(private)实现。

appModules.exampleModul = (function() {

            var _data = ['foo', 'bar'];
            // private variable

            var _view = {
                    display : function() {
                        $('body').append(_model.getAsString());
                    },
            };

            var _model = {
                    getAsString : function() {
                        return _data.join(', ');
                    },
            };

            return {
                view : _view,
                model : _model
            };
})();