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

2020-01-122021-01-25

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コンストラクタを使っています。