So verwenden Sie die Use-Funktion in SeaJS

Mit der Implementierung von Moduldefinitionsspezifikationen wie define können wir viele Module entwickeln. Aber nur eine Reihe von Modulen zu haben, funktioniert nicht, wir müssen sie zum Laufen bringen. In SeaJS ist es einfach, das Modulsystem zu starten:

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

seajs.use wird zum Laden von Modulen auf der Seite verwendet. Durch die Verwendungsmethode kann jedes Modul auf der Seite geladen werden.

Syntax: seajs.use seajs.use(id, callback?)

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

Die use-Methode kann auch mehrere Module gleichzeitig laden:

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

Rückrufparameter Optional. Wenn nur ein Modul geladen ist und kein Rückruf erforderlich ist, kann das data-main-Attribut zur Vereinfachung verwendet werden:

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

Der obige Code entspricht:

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

SeaJS Bietet außerdem data -config zum Laden der Konfigurationsdatei:

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

data-config Äquivalent:

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

Die Pfadauflösungsregeln stimmen mit seajs.use überein.

Was ich hier verwende ist:

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

Hinweis: main ist der Modulname. main.method ist eine vom Modul definierte Funktion, und dort können Parameter übergeben werden.

Verwandte Empfehlungen:

Mehrere häufig verwendete Funktionen und Konfigurationen in Seajs

Das obige ist der detaillierte Inhalt vonSo verwenden Sie die Use-Funktion in SeaJS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!