index.js

var observableArray = new ObservableArray;
observableArray.addEventListener('changeBefore', function(e) {
  $('#result').val(`${$('#result').val()}\n,changeBefore event..name is ${e.data.name}`);
});
  
observableArray.addEventListener('change', function(e) {
  $('#result').val(`${$('#result').val()}\n,change event..name is ${e.data.name}`);
});
observableArray.addEventListener('change', function(e) {
  $('#result').val(`${$('#result').val()}\n,another change event..name is ${e.data.name}`);
});

observableArray.nameChange('Hello');