angular-cn/modules/benchmarks/src/change_detection/change_detection_benchmark.js

import {ListWrapper, MapWrapper} from 'facade/src/collection';
import {reflector} from 'reflection/src/reflection';
import {isPresent} from 'facade/src/lang';
import {getIntParameter, bindAction} from 'e2e_test_lib/src/benchmark_util';

import {
  Lexer,
  Parser,
  ChangeDetector,
  ProtoChangeDetector,
  DynamicProtoChangeDetector,
  ChangeDispatcher,
} from 'change_detection/change_detection';


class Obj {
  field0;
  field1;
  field2;
  field3;
  field4;
  field5;
  field6;
  field7;
  field8;
  field9;


  setField(index, value) {
    switch (index) {
      case 0: this.field0 = value; break;
      case 1: this.field1 = value; break;
      case 2: this.field2 = value; break;
      case 3: this.field3 = value; break;
      case 4: this.field4 = value; break;
      case 5: this.field5 = value; break;
      case 6: this.field6 = value; break;
      case 7: this.field7 = value; break;
      case 8: this.field8 = value; break;
      case 9: this.field9 = value; break;
    }
  }
}

class Row {
  previousValue;
  obj;
  getter;
  next;
}

function setUpReflector() {
  reflector.registerGetters({
    'field0': function(obj){return obj.field0},
    'field1': function(obj){return obj.field1},
    'field2': function(obj){return obj.field2},
    'field3': function(obj){return obj.field3},
    'field4': function(obj){return obj.field4},
    'field5': function(obj){return obj.field5},
    'field6': function(obj){return obj.field6},
    'field7': function(obj){return obj.field7},
    'field8': function(obj){return obj.field8},
    'field9': function(obj){return obj.field9}
  });
  reflector.registerSetters({
    'field0': function(obj, v){return obj.field0 = v},
    'field1': function(obj, v){return obj.field1 = v},
    'field2': function(obj, v){return obj.field2 = v},
    'field3': function(obj, v){return obj.field3 = v},
    'field4': function(obj, v){return obj.field4 = v},
    'field5': function(obj, v){return obj.field5 = v},
    'field6': function(obj, v){return obj.field6 = v},
    'field7': function(obj, v){return obj.field7 = v},
    'field8': function(obj, v){return obj.field8 = v},
    'field9': function(obj, v){return obj.field9 = v}
  });
}

function setUpBaseline(iterations) {
  function createRow(i) {
    var obj = new Obj();
    var index = i % 10;
    obj.setField(index, i);

    var r = new Row();
    r.obj = obj;
    r.previousValue = i;
    r.getter = reflector.getter(`field${index}`);
    return r;
  }

  var head = createRow(0);
  var current = head;
  for (var i = 1; i < iterations; i++) {
    var newRow = createRow(i);
    current.next = newRow;
    current = newRow;
  }
  return head;
}

function setUpChangeDetection(iterations) {
  var dispatcher = new DummyDispatcher();
  var parser = new Parser(new Lexer());

  var parentProto = new DynamicProtoChangeDetector();
  var parentCD = parentProto.instantiate(dispatcher, MapWrapper.create());

  var astWithSource = [
    parser.parseBinding('field0', null),
    parser.parseBinding('field1', null),
    parser.parseBinding('field2', null),
    parser.parseBinding('field3', null),
    parser.parseBinding('field4', null),
    parser.parseBinding('field5', null),
    parser.parseBinding('field6', null),
    parser.parseBinding('field7', null),
    parser.parseBinding('field8', null),
    parser.parseBinding('field9', null)
  ];

  function proto(i) {
    var pcd = new DynamicProtoChangeDetector();
    pcd.addAst(astWithSource[i % 10].ast, "memo", i, false);
    return pcd;
  }

  var pcd = [
    proto(0),
    proto(1),
    proto(2),
    proto(3),
    proto(4),
    proto(5),
    proto(6),
    proto(7),
    proto(8),
    proto(9)
  ];

  for (var i = 0; i < iterations; ++i) {
    var obj = new Obj();
    var index = i % 10;
    obj.setField(index, i);

    var rr = pcd[index].instantiate(dispatcher,  null);
    rr.setContext(obj);

    parentCD.addChild(rr);
  }

  return parentCD;
}

export function main () {
  var iterations = getIntParameter('iterations');

  setUpReflector();
  var baselineHead = setUpBaseline(iterations);
  var ng2ChangeDetector = setUpChangeDetection(iterations);

  function baselineDetectChanges() {
    var current = baselineHead;
    while (isPresent(current)) {
      if (current.getter(current.obj) !== current.previousValue) {
        throw "should not happen";
      }
      current = current.next;
    }
  }

  function ng2DetectChanges() {
    ng2ChangeDetector.detectChanges();
  }

  bindAction('#ng2DetectChanges', ng2DetectChanges);
  bindAction('#baselineDetectChanges', baselineDetectChanges);
}


class DummyDispatcher extends ChangeDispatcher {
  onRecordChange(record, context) {
  }
}