Object.observe sample 03

Object.observe_sample_03.js

// ネイティブjavascriptオブジェクト
var model = {
    title: 'this is Object.observe'
};

// 監視用コールバックを定義
function observer(changes){
    
    // changesのlengthを見てみる
    console.log('changes length: ' + changes.length);
    
    changes.forEach(function(change, i){
        console.log("[change " + i + "]");
        console.log(change.name); // 変更があったpropertyの名前
        console.log(change.type); // 変更の種類
    });
}

// Object.observeでmodelを監視
// 変更があればobserverを呼び出す
Object.observe(model, observer);

// model.titleを変更してみる
console.log("change 1");
model.title = 'change!';

console.log("change 2");
model.title = 'change!';

console.log("change 3");
model.title = 'change!';

console.log("change 4");
model.title = 'change!';

console.log("change 5");
model.title = 'henkou!';

console.log("change 6");
model.title = 'modify!';