javascript function name as string

Question

There is an external library which is sending some responses with javascript callbacks passed as string function name. I would like to be able to execute a callback function whenever the function callback is called:

function LibController(myCallback) {
  this.libObject = new ThirdPartyLibrary("onTPLCallback");
}

window.onTPLCallback = function () {
  // Call to myCallback() in here
};

function AnotherObject() {
  this.myLibController = new LibController(function () {
    // Callback stuff here
  });
}



// Library object emulation
function ThirdPartyLibrary(callback) {
  var sc = document.createElement('script');
  sc.innerHTML = 'javascript:' + callback + '();';
  document.head.appendChild(sc);
}

Is it possible? (jQuery is not available)

Answer 1

You could try by placing the window.onTPLCallback inside LibController constructor (it has to be placed before ThirtPartyLibrary is constructed):

function LibController(myCallback) {
  window.onTPLCallback = function () {
    myCallback();
  };

  this.libObject = new ThirdPartyLibrary("onTPLCallback");
}

function AnotherObject() {
  this.myLibController = new LibController(function () {
    // Callback stuff here
  });
}



// Library object emulation
function ThirdPartyLibrary(callback) {
  var sc = document.createElement('script');
  sc.innerHTML = 'javascript:' + callback + '();';
  document.head.appendChild(sc);
}