1. ホーム
  2. javascript

[解決済み】あるJavaScriptで書かれた関数を、別のJSファイルで呼び出すことは可能でしょうか?

2022-04-20 09:55:27

質問

あるJSファイルに書かれた関数を、別のJSファイルから呼び出すことはできますか?どなたか、別のJSファイルから関数を呼び出す方法を教えていただけませんか?

どのように解決するのですか?

関数を最初に使用する前に、関数の定義を含むファイルが読み込まれていれば、同じ JS ファイル内にあるかのように関数を呼び出すことができます。

すなわち

ファイル1.js

function alertNumber(number) {
    alert(number);
}

ファイル2.js

function alertOne() {
     alertNumber("one");
}

HTML

<head>
....
    <script src="File1.js" type="text/javascript"></script> 
    <script src="File2.js" type="text/javascript"></script> 
....
</head>
<body>
....
    <script type="text/javascript">
       alertOne();
    </script>
....
</body>

他の方法ではうまくいきません。 で正しく指摘されているように スチュアート・ウェイクフィールド . もう一つの方法も有効です。

HTML

<head>
....
    <script src="File2.js" type="text/javascript"></script> 
    <script src="File1.js" type="text/javascript"></script> 
....
</head>
<body>
....
    <script type="text/javascript">
       alertOne();
    </script>
....
</body>

うまくいかないのは、次のようなことでしょう。

HTML

<head>
....
    <script src="File2.js" type="text/javascript"></script> 
    <script type="text/javascript">
       alertOne();
    </script>
    <script src="File1.js" type="text/javascript"></script> 
....
</head>
<body>
....
</body>

とはいえ alertOne は、呼び出すときには定義されていますが、内部ではまだ定義されていない関数を使用しています ( alertNumber ).