html - ページ内の他の js ファイルの JavaScript オブジェクトを呼び出すにはどうすればよいですか?

Question

ページは js をインポートしましたが、その中のメソッドを呼び出すことができません。(同じフォルダー内)
コードは次のとおりです html:

リーリー

js の内容は次のとおりです。

リーリー ＃＃＃または：＃＃＃ リーリー

理解できません。教えてください...

Answer 1

質問者は、js でグローバル変数への参照を取得したいだけです。このような単純な要件は、必ずしも取得時間を遅らせる必要はありません。 リーリー

Answer 2

Chrome ブラウザのコンソール --network を使用して、js ファイルが読み込まれているかどうかを確認します。読み込まれている場合は、コンソールにエラーがあるかどうかを確認します。

Answer 3

この問題の本質は、JS のモジュール化です。以前は、AMD、CMD、requireJS、CommonJS など、多くのソリューションがありました。これらのソリューションはオンラインにたくさんあるので、自分で検索できます。
次に、ES6 仕様に組み込まれたソリューションについて説明します。

1. まず、ビルドツールの webpack または gulp が必要です。 それに比べて、現在は前者の方が人気がありますが、学習コストが若干高いか、vue-cli などの既に用意されている足場のようなものです。

2. このツールは、ES6 コードをほとんどのブラウザでサポートされている JS コードに解析するために使用されます。このステップを Babel で実装する方法に関するチュートリアルもあります。もちろん、vue-cli のようなスキャフォールディングを使用する場合は、ローカル サービスを含むすべての設定に役立つため、この手順をスキップできます。

   npm i babel

ES6 仕様を使用して言語を記述し、問題を解決してください

3. リーリー
ヒント:

この問題が再現される状況は、実際のプロジェクト開発ではめったに遭遇しないはずです。これは、数年前に解決されている問題であり、大規模なプロジェクトでは必ず遭遇する問題だからです
この問題の核心は JS のモジュール化です。これには多くの広範な知識が含まれています。興味がある場合は、それをスキップして ES6 のモジュール化について学ぶこともできます。仕様を直接

Answer 4

module.export = エクスポートする関数;
エクスポートされた関数を別のページにインポートします。

Answer 5

require.js