Wait for a global variable to exist on the page.

wait-global.js

var waitForGlobal = function(key, callback) {
  if (window[key]) {
    callback();
  } else {
    setTimeout(function() {
      waitForGlobal(key, callback);
    }, 100);
  }
};
 
waitForGlobal("jQuery", function() {
  console.log("found it");
});

Thank you for saving my head.

I wrote a more generalized function that lets you busy wait for any condition. It returns a promise instead of using a callback.

/**
 * Function to wait for predicates.
 * @param {function() : Promise.<Boolean> | function() : Boolean} predicate
 * - A function that returns or resolves a bool
 * @param {Number} [timeout] - Optional maximum waiting time in ms after rejected
 */
export function waitFor(predicate, timeout) {
    return new Promise((resolve, reject) => {
        let running = true;

        const check = async () => {
            const res = await predicate();
            if (res) return resolve(res);
            if (running) setTimeout(check, 100);
        };

        check();

        if (!timeout) return;
        setTimeout(() => {
            running = false;
            reject();
        }, timeout);
    });
}

Here is an example to check for global properties without timeout:

await waitFor(() => window.hasOwnProperty('propName'));

// Or if propName is not falsey if defined:
await waitFor(() => window.propName);

// You can also assign it to a variable
const propName = await waitFor(() => window.propName);

And if you want timeout:

try {
    await waitFor(() => window.hasOwnProperty('propName'), 2000);
} catch (err) {
    console.error('timed out')
}

I wrote a more generalized function that lets you wait for any condition. It returns a promise instead of using a callback.

/**
 * Function to wait for predicates.
 * @param {function() : Boolean} predicate - A function that returns a bool
 * @param {Number} [timeout] - Optional maximum waiting time in ms after rejected
 */
export function waitFor(predicate, timeout) {
  return new Promise((resolve, reject) => {
    const check = () => {
      console.log('checking', predicate());
      if (!predicate()) return;
      clearInterval(interval);
      resolve();
    };
    const interval = setInterval(check, 100);
    check();

    if (!timeout) return;
    setTimeout(() => {
      clearInterval(interval);
      reject();
    }, timeout);
  });
}

Here is an example to check for global properties without timeout:

await waitFor(() => window.hasOwnProperty('propName'));

And if you want timeout:

try {
    await waitFor(() => window.hasOwnProperty('propName'), 2000);
} catch (err) {
    console.error('timed out')
}

If you want to check nested sub keys, something like this might work:

await waitFor(() => window?.MY?.Object?.property?.functionName);