JavaScriptで外部jsファイルを読み込む

はじめに

JavaScript内で外部jsを読み込むことは可能だが、非同期で読み込まれるので、すぐには外部jsを利用できない。window.onloadなどで利用する必要がある。

let script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js';
document.head.appendChild(script);
if (typeof $ === 'undefined') {
    console.log('まだ使えません');
} 
script.onload = function() {
    if (typeof $ !== 'undefined') {
        alert('使えます');
    }
}