javascript - JQuery関数内から通常のjavascript変数にアクセスすることは可能ですか?

Question

2 つのファイルをインポートする HTML ファイルがあります。

graph.js と main.js

メイン ファイルには、携帯電話の加速度計/記録加速度にアクセスするロジックが含まれており、これは純粋な JavaScript ファイルです。Graph.js ファイルには、単一の JQuery 関数 $(.....) が含まれています。

graph.jsからmain.jsの変数にアクセスすることは可能ですか?

Answer 1

はい、jQueryはJavaScript で記述されており、他の JavaScript ファイルのインポートを介して、そのページで宣言された任意の変数にアクセスできます。ドキュメントの変数にアクセスしようとしてonloadいるので、他のスクリプトはその前に既に読み込まれているはずなので、問題はありません。

Answer 2

はい。

Answer 3

それがグローバルスコープ内にある場合は、はい。

Answer 4

main.js が最初に読み込まれ、グローバル変数として設定されている限り、そうなるはずです。

関数の外で作成することにより、グローバル変数を作成します。必要に応じて、関数の外側に作成してから、main.js ファイルの関数の内側に設定できます。

Answer 5

さまざまな JS ファイル (jQuery ファイルは単なる JS ファイルです) 間で変数を自由に共有するには、いくつかの方法があります。

1. グローバルスコープで変数を定義すると、どこからでもアクセスできます。
2. ウィンドウ オブジェクトに変数を定義します。これにより、変数を定義するコードがグローバル スコープにない場合でも、グローバルにアクセスできるようになります。
3. コードから取得できる任意のオブジェクトのプロパティとして変数を定義します。したがって、 というグローバル構成オブジェクトがある場合、そのmyConfig上にプロパティを定義することができ、どこからでもmyConfig.count = 0;アクセスできますmyConfig.count。これはしばしば名前空間と呼ばれ、複数のプロパティを追加する単一のグローバル オブジェクトのみを作成します。
4. どこからでも呼び出すことができるデータを返す、グローバルにアクセス可能な関数を定義します。

これがどのように機能するかを設計するときは、グローバルにアクセス可能なシンボルをできるだけ少なく導入する方がよいことに注意してください。各シンボルは、ページ内の他のコードと競合する可能性があるからです。