JavaScript | スクリプト内で別のjsファイルを読み込む方法

JavaScript内でXMLHttpRequest()を使って別のjsファイルを読み込んで別ファイルのJavaScript関数を実行する方法になります。
JavaScript内で別のJavaScriptファイルを読み込むサンプルコード
別のJavaScriptファイル(betu.js)
sample = function (file) {
text = 'abcdefg';
}
別のJavaScriptファイル(betu.js)を呼び出すサンプルコード
let text = '';
loadFile = function (file) {
let request = new XMLHttpRequest();
request.open('GET', file, false);
request.send(null);
Function(request.responseText)();
}
loadFile('betu.js');
console.log(text);
//abcdefg
open()の第3引数はfasleを指定して同期読み込みにします。
trueにして非同期読み込みにすると読み込まれる前にsample()が処理しようとして、外部jsファイルの見つかりませんになります。
eval()は使わずに代用としてFunctionコンストラクタを使っています。
ディスカッション
コメント一覧
まだ、コメントがありません