Inline Web Worker, from XHR or string

worker_from_blob.js

let inlineJs = `function(){ console.log("Some JS Code!") }`;
let workerBlob = window.URL.createObjectURL(new Blob([inlineJs]));
let worker = new Worker(workerBlob);

/**
 * XHR with worker
 */

let worker; // Keep this in the global scope
var request = new XMLHttpRequest();
request.open('GET', '/js/my_worker_code.js', true);
request.onload = function() {
  if (request.status >= 200 && request.status < 400) {

    let inlineJs = request.responseText;
    let workerBlob = window.URL.createObjectURL(new Blob([inlineJs]));
    worker = new Worker(workerBlob);
  } else {

  }
};
request.send();

Sometimes we want to create a worker to run functionality not on the main thread, inline workers are possible using the techniques above.

Using an Ajax request to require the web worker.js file will help to ease the load and call the functionality only when needed.