理解Javascript PubSub

Question

我试着用一个非常简单的例子来理解PubSub。在我的小提琴中，我有一个简单的input元素。如何使用输入字段的值更新我的model.prop？Fiddle

<button>update</button>
<input type="text" value="10" /> <br />
<label></label>​

var model = function(){
    var p1 = $('input').val();
    return {
        prop: p1             
    }        
}();

$('button').click(function(){
    $('label').text(model.prop)      
})

Answer 1

试试这个：

$(function(){

    var model = function(){
        return {
            prop: function () {
                return $('input').val();
            }                
        }        
    }();

    $('button').click(function(){
        $('label').text(model.prop)      
    })


})​

这之所以有效，是因为不是为prop属性定义标量值，而是定义一个函数并获得结果。因此，每次调用该属性时，都会使用文本字段中的值动态更新该属性。参见http://jsfiddle.net/CHvFk/4/。​

Answer 2

我不认为这是发布/子模式的示例，但请查看以下代码片段：

var model = (function() {
    var inp = $('input');
    return {
        getProp: function() {
           return inp.val();
        }
    };
})();

$('button').click(function(){
    $('label').text(model.getProp());
});