JavaScriptで現在のファイル名を取得する方法

1. window.locationオブジェクトを使用する方法:

var fileName = window.location.pathname.split("/").pop();
console.log(fileName);

この方法では、window.location.pathnameを使用して現在のURLのパスを取得し、split()メソッドを使ってスラッシュ("/")で分割します。そして、pop()メソッドを使用して配列の最後の要素、つまりファイル名を取得します。

2. document.currentScriptオブジェクトを使用する方法:

var fileName = document.currentScript.src.split("/").pop();
console.log(fileName);

この方法では、document.currentScriptを使用して現在実行中のスクリプト要素を取得し、srcプロパティを使用してスクリプトのURLを取得します。そのURLをsplit()メソッドでスラッシュ("/")で分割し、pop()メソッドでファイル名を取得します。

3. Errorオブジェクトを使用する方法:

var error = new Error();
var fileName = error.stack.match(/(\w+\.js)/)[1];
console.log(fileName);

この方法では、新しいErrorオブジェクトを作成し、stackプロパティを使用してエラーのスタックトレースを取得します。正規表現を使用してスタックトレースからファイル名を抽出します。

これらの方法を使うことで、JavaScriptで現在のファイル名を取得することができます。それぞれの方法は異なる状況に適している場合がありますので、使用する前に環境や要件に合わせて適切な方法を選択してください。