淘汰：上下文在observable.subscribe中的指令之前更改

Question

我试图将模型与ViewModel分开，因为我需要在两个不同的ViewModel中使用模型。 所以我试图做到这一点：

var ConversationManager = {
    conversations: ko.observableArray([
        {id: 3, receiver:'Toto'}
    ])
};

function ConversationDialogViewModel(){
    var self = this;

    ConversationManager.conversations.subscribe(function(context){
        console.log('Before :', context); // context.test == true ???

        for(var i = 0; i < context.length; i++){
            if(context[i].id % 2 == 0 && !context[i].test){
                console.log('Insertion Called');
                context[i].test = true;
            }
        }
        console.log('After :', context);
    });

    ConversationManager.conversations.push({id: 4, receiver:'Jean'});
    ConversationManager.conversations.push({id: 5, receiver:'Paul'});
    ConversationManager.conversations.push({id: 6, receiver:'Bleu'});
}

不知何故，在第一个console.log中，当我在浏览器中按“ Jean”时，即使实际告诉JS之前，变量“ test”也已存在并正确设置为true。 那怎么可能呢？ 而且，我是否正确分离了我的担忧？

Answer 1

从文档中 ：

如果要在要更改的可观察值之前收到通知，可以预订beforeChange事件。

您可以这样尝试：

ConversationManager.conversations.subscribe(function(context){
    // ...
}, null, "beforeChange");

Answer 2

当控制台引用一个对象（您可以在其中单击箭头以打开它并查看其内容）时，它仍然是一个引用，而不是及时的快照。 修改context ，无论在调试器中查看哪个引用都无关紧要，它们都是相同的。 如果您想及时看到它，则需要将其转换为静态（或置于断点）。

 var ConversationManager = { conversations: ko.observableArray([ {id: 3, receiver:'Toto'} ]) }; function ConversationDialogViewModel(){ var self = this; ConversationManager.conversations.subscribe(function(context){ console.log('Before :', JSON.stringify(context)); // context.test == true ??? for(var i = 0; i < context.length; i++){ if(context[i].id % 2 == 0 && !context[i].test){ console.log('Insertion Called'); context[i].test = true; } } console.log('After :', JSON.stringify(context)); }); ConversationManager.conversations.push({id: 4, receiver:'Jean'}); ConversationManager.conversations.push({id: 5, receiver:'Paul'}); ConversationManager.conversations.push({id: 6, receiver:'Bleu'}); } new ConversationDialogViewModel(); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/knockout/3.2.0/knockout-min.js"></script>