0

私は、かなりの数の機能を備えたアプリケーションの作成とテストに多くの時間を費やしてきました。すべてを構成し、希望どおりに動作するようになったので、コードのクリーンアップを開始して、400 行も無駄にしないようにします。

私はすでに外部 CSS ファイルを作成しており、JS と、場合によっては HTML に対しても同様のことをしたいと考えています (HTML だけで約 100 行のコードです)。

確かに私は初心者のプログラマーですが、これを行っている短い時間でかなりの知識を習得しました。アプリケーション全体が現在のように機能するように、関数を外部ファイルに分離してから呼び出す最良の方法は何ですか?

例 (これは Web マッピング アプリケーションです): 検索、ベースマップ ギャラリー、凡例、レイヤー、init、infowindows などの関数があります。コードは既に作成されており、将来複数のアプリケーションを作成する予定なので、目標はこれらのjs関数を必要とするアプリケーションが参照できるように、これらのjs関数をファイルに入れるだけです。

ありがとう。

4

3 に答える 3

2

外部の JavaScript ファイルをリンクするには、ファイルを指す src 属性を持つ script タグを配置します。

<script src="legend.js"></script>
<script src="layers.js"></script>
<script src="init.js"></script>

関数の呼び出しには、特別なことは何も必要ありません。

onclick="myFunction();"
于 2012-10-03T14:46:21.210 に答える
1

最初に行うことを検討することは、次のような方法で関数の非グローバル「名前空間」を作成することです。

window.MyApp = window.MyApp || {};

上記の行は、すべてのファイルの先頭に置くことができます。初めて呼び出されたときに新しい名前空間/オブジェクトが作成され、その後は以前に作成したものが返されます。

次に、次のような方法で関数を MyApp の下に移動できます。

MyApp.func1 = function() {...}

Javascript 名前空間を作成するための Google、およびおそらく Javascript モジュール パターンも

于 2012-10-03T14:51:37.343 に答える
1

これらすべての関数を 1 つの .js ファイルにまとめて、Web ページ内からそのファイルを呼び出すことはできませんか?

<script src="../scripts/javascript.js"></script>

そして、必要なときに関数を呼び出しますか?

于 2012-10-03T14:46:34.697 に答える