javascript - 了解 Javascript 发布订阅

Question

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

<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

我认为这不是 Pub/Sub 模式的示例，但请查看以下代码段：

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

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

Answer 2

试试这个：

$(function(){

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

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


})​

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