jQuery $.getScript() replacement via 100% vanilla JavaScript

getScriptVanilla.js

// Vanilla JavaScript function for dynamic script loading with improved caching and optional callback
const getScriptVanilla = async (source, callback) => {
    try {
        const response = await fetch(source, {
            method: 'GET',
            headers: {
                'Accept': '*/*',
                'Sec-Fetch-Dest': 'script'
            },
            cache: 'force-cache' // Utilizes cache aggressively, falling back to network if unavailable
        });
        if (!response.ok) {
            throw new Error('Network response was not ok.');
        }
        const scriptText = await response.text();
        // Create a new function and execute the script text
        const scriptFunction = new Function(scriptText);
        scriptFunction();
        if (callback) {
            callback();
        }
    } catch (error) {
        console.error('There has been a problem with your fetch operation:', error);
    }
};


// Usage
getScriptVanilla(script_src, () => {
    console.log('The script has been loaded and executed.');
    // You can add any further code that depends on the loaded script here
});