SeaJSのuse関数の使い方

defineなどのモジュール定義仕様の実装により、多くのモジュールを開発できます。しかし、モジュールがたくさんあるだけでは機能せず、モジュールを実行する必要があります。 SeaJS では、モジュール システムを簡単に開始できます。

<script src="path/to/sea.js"></script>
<script>
seajs.use('./main');
</script>

seajs.use を使用して、ページにモジュールをロードします。 use メソッドを通じて、任意のモジュールをページにロードできます。

構文: seajs.use seajs.use(id, callback?)

// 加载模块 main，并在加载完成时，执行指定回调
seajs.use('./main', function(main) {
main.init();
});

use メソッドは、一度に複数のモジュールをロードすることもできます:

// 并发加载模块 a 和模块 b，并在都加载完成时，执行指定回调
seajs.use(['./a', './b'], function(a, b) {
a.init();
b.init();
});

callback パラメーターはオプションです。モジュールが 1 つだけロードされ、コールバックが必要ない場合は、data-main 属性を使用して簡略化できます:

<script src="path/to/sea.js" data-main="./main"></script>

上記のコードは次と同等です:

<script src="path/to/sea.js"></script>
<script>
seajs.use('./main');
</script>

SeaJS は、設定ファイルをロードするための data-config も提供します:

<script src="path/to/sea.js" data-config="path/to/config"></script>

data-config に相当するもの:

seajs.config({
preload: ['path/to/config']
});

パス解決ルールは seajs.use と一致しています。

ここで使用するものは次のとおりです:

<script src="/js/lib/sea.js" data-config="/js/config.js"></script>
<script>
seajs.use('/js/main', function(main) {
main.banner_focus('#focus');
});

注: main はモジュール名です。 main.method はモジュールで定義された関数であり、そこにパラメータを渡すことができます。

関連する推奨事項:

seajs でよく使用されるいくつかの関数と設定

以上がSeaJSのuse関数の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。