Illustrates loading external JS libraries via promise

library-promise.js

/**
 * Illustrates loading external JS libraries via promise 
 */

class GoogleApiService {
    static promise = null;

    async getCoolMapStuff() {
        const google = await getApi();

        return google.getCoolMapStuff();
        // Guaranteed it will always work!!!!!
    }

    static appendScript(url) {
        const script = document.createElement('script');
        script.async = true;
        script.defer = true;
        script.setAttribute('src', url);
        document.head.appendChild(script);
    }

    static async getApi() {
        if (GoogleApiService.promise == null) {
            GoogleApiService.promise = new Promise(resolve => {

                window.googleApiCallback = () => {
                    // window.google is available!!
                    resolve(window.google);
                };

                const url = 'https://maps.googleapis.com/maps/api/js?callback=googleApiCallback';
                appendScript(url);
            });
        }

        return GoogleApiService.promise;
    }
}

export default new GoogleApiService();

usage.js

const coolMapStuff = await GoogleApiService.getCoolMapStuff();