Maison > interface Web > js tutoriel > Plusieurs fonctions et configurations couramment utilisées dans Seajs

Plusieurs fonctions et configurations couramment utilisées dans Seajs

小云云
Libérer: 2018-01-26 10:22:40
original
1344 Les gens l'ont consulté

Cet article présente principalement les 7 fonctions et configurations les plus couramment utilisées dans Seajs, et analyse brièvement la configuration de projet couramment utilisée, le chargement des modules, la définition, l'acquisition et d'autres techniques de fonctionnement dans Seajs sous forme d'exemples. à ce qui suit. J'espère pouvoir aider tout le monde.

1. seajs.config


seajs.config({
 // 设置路径,方便跨项目调用
 paths: {
  'path1': '....',
  'path2': '....'
 },
 // 设置别名,方便调用
 alias: {
  'class1': '...',
  'class2': '...'
 }
});
Copier après la connexion

2. seajs.use

est utilisé pour charger un ou plusieurs éléments dans le page Module


// 加载一个模块
seajs.use('./a');
// 加载一个模块,在加载完成时,执行回调
seajs.use('./a', function(a) {
 a.doSomething();
});
// 加载多个模块,在加载完成时,执行回调
seajs.use(['./a', './b'], function(a, b) {
 a.doSomething();
 b.doSomething();
});
Copier après la connexion

3. définir

est utilisé pour définir des modules.


define(function(require, exports, module) {
 // 模块代码
});
Copier après la connexion

4. require

est utilisé pour obtenir l'interface du module spécifié


define(function(require) {
 // 获取模块a的接口
 var a = require('./a');
 // 调用模块a的方法
 a.doSomething();
});
Copier après la connexion

5. require.async

est utilisé pour charger un ou plusieurs modules de manière asynchrone au sein du module


define(function(require) {
 // 异步加载一个模块,在加载完成时执行回调
 require.async('./b', function(b) {
  b.doSomething();
 });
 // 异步加载多个模块,在加载完成时执行回调
 require.async(['./c', './d'], function(c, d) {
  c.doSomething();
  d.doSomething();
 });
});
Copier après la connexion

6. 🎜>

Utilisé pour fournir des interfaces avec le monde extérieur au sein du module


define(function(require, exports) {
 // 对外提供foo属性
 exports.foo = 'bar';
 // 对外提供doSomething方法
 exports.doSomething = function() {};
});
Copier après la connexion
module.exports

Utilisé pour fournir des interfaces pour le monde extérieur à l'intérieur du module


define(function(require, exports, module) {
 // 对外提供接口
 module.exports = {
  name: 'a',
  doSomething: function() {};
 };
});
Copier après la connexion
Recommandations associées :

Bibliothèque de développement modulaire JavaScript SeaJS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal