JavaScript による include/require_javascript テクニックの使用に関する簡単な分析

1. javascript include
include ステートメントのない Javascript は、特にスクリプト間に依存関係があり、動的に制御できない場合があります。一般的に、最も単純なインクルードは基本的に次のようになります。もちろん、スクリプトをリクエストするには jQuery を使用します。

コードをコピーしますコードは次のとおりです:

include: function (jsurl) {
if (jsurl == null || typeof(jsurl) != 'string') return;
var js = document.createElement('script');
js.type = 'text/javascript';
js.charset = 'utf-8';
js.src = jsurl;
$. ajaxSetup ({ キャッシュ : true });
>
基本的な使い方

実際にGETリクエストを送信する関数であり、jQuery.ajaxのgetScript()で処理されますが、GET以降の処理が$.getScript()とは異なるため、使用方法が異なりますので注意してください。 getScript() は通常、次のような依存関数をコールバック関数に書き込む必要があります。 $.getScript('some.js', function() { // some.js ファイルに依存する処理を行います。}); ここでのインクルードは次のように記述する必要はありませんが、直接次のように記述します。

include('some.js');

//ここでは、some.js ファイルで定義された関数への依存関係を直接記述することができます

キャッシュを有効にする

ファイル キャッシュに関するもう 1 つの点は、デフォルトで $.getScript が URL の後にタイムスタンプを追加するため、getScript("some .js. ")、最終的にはリクエスト時に GET some.js?_23432434534235 などになります。これはキャッシュを強制的に行わない戦略です。開発段階ではこの方が良いですが、本番段階ではユーザーがブラウザーでは毎回 js スクリプトをキャッシュするわけではないため、タイムスタンプを毎回変更するのではなく、自分で js スクリプトの後にバージョン スタンプ (some.js?v=1 など) を追加する必要があります。使用する必要があります:

$.ajaxSetup({ キャッシュ : true }); これにより、URL にタイムスタンプを自動的に追加する jQuery の機能がオフになります。

requireJs

スクリプトに多数の相互依存関係があり、どのスクリプトをロードするかを動的に決定する必要がある場合は、requirejs を使用することをお勧めします。

基本的な使用法は次のとおりです:

require(["some/module", "a.js", "b.js"], function(someModule) {

// 何かをします}); フロントエンド JS をモジュールとして開発する必要があるという要件があります。フロントエンド ロジックが比較的複雑な場合は、JS のモジュール開発について説明します。今後の記事でさらに具体的に説明します。ここでは簡単に説明します。この側面に興味がある場合は、requireJs

の公式 Web サイトをご覧ください。