ObservableItemが使用するメモリ量が多い

[fukudayasuo]

ObservableItemの作成するFWコードを見直す。
ObservableItemはDataModelと共通した処理を同じ個所で行うために、DataModelで作成するDataItemコンストラクタを利用しており、ObservableItemを作成するたびにDataItem生成のためのコンストラクタを作成し、ObservableItemからそのコンストラクタが参照できるようになっている。

そのため、ObservableItem1つにつきDataModel1つと同じくらいのメモリを使用していると考えられる。

とりあえず、ObservableItemを作るときにDataItemコンストラクタを作成して使用するのはそのままにして、そのコンストラクタがObservableItemから参照できない(使いきり)になるようにする。

// 現在のcreateObservableItem
// コンストラクタを新規に生成してをそれをnewして返している
return new (createDataItemConstructor(schema, itemValueCheckFuncs))();

// これを以下のように変更
var item =  new (createDataItemConstructor(schema, itemValueCheckFuncs))();
return new ObservableItem(item);

//...
function ObservableItem(item){
// itemから必要なプロパティをコピー
this[prop] = item[prop];
...
}

[fukudayasuo]

今までObservableItemそれぞれのコンストラクタを作っていたものを、ObservableItemクラスを作成して共通のものをprototypeに持たせるようにしました。

内部ではそれぞれのコンストラクタを作成してObservableItemのインスタンス作成に使用していますが、外から参照はされません。

以下のコードでObservableItemによるメモリの使用量を測定したところ、3.06MB→1.00MBに減りました。

// 1000個のObservableItemを作成してview.bind()
$('body').append( ' <div id="result" data-h5-loop-context="data">    <div data-h5-bind="message"></div>  </div>');
var infoItems = h5.core.data.createObservableArray();
h5.core.view.bind('#result', {data:infoItems});

for (var i = 0; i < 1000; i++) {
  var item = h5.core.data.createObservableItem({
    message: {
      type: 'number'
    }
  });
  item.set('message', i);
  infoItems.unshift(item);
}