本文主要介紹了seajs中最常用的7個功能、配置,結合實例形式簡單分析了seajs中常用的項目配置、模組加載、定義、獲取等操作技巧,需要的朋友可以參考下額,希望能幫助大家。
1. seajs.config
seajs.config({ // 设置路径,方便跨项目调用 paths: { 'path1': '....', 'path2': '....' }, // 设置别名,方便调用 alias: { 'class1': '...', 'class2': '...' } });
2. seajs.use
用來在頁面中載入一個或多個模組
// 加载一个模块 seajs.use('./a'); // 加载一个模块,在加载完成时,执行回调 seajs.use('./a', function(a) { a.doSomething(); }); // 加载多个模块,在加载完成时,执行回调 seajs.use(['./a', './b'], function(a, b) { a.doSomething(); b.doSomething(); });
3. define
用來定義模組。
define(function(require, exports, module) { // 模块代码 });
4. require
用來取得指定模組的介面
define(function(require) { // 获取模块a的接口 var a = require('./a'); // 调用模块a的方法 a.doSomething(); });
5. require.async
用來在模組內部非同步載入一個或多個模組
define(function(require) { // 异步加载一个模块,在加载完成时执行回调 require.async('./b', function(b) { b.doSomething(); }); // 异步加载多个模块,在加载完成时执行回调 require.async(['./c', './d'], function(c, d) { c.doSomething(); d.doSomething(); }); });
6. exports
## 用來在模組內部對外提供介面define(function(require, exports) { // 对外提供foo属性 exports.foo = 'bar'; // 对外提供doSomething方法 exports.doSomething = function() {}; });
define(function(require, exports, module) { // 对外提供接口 module.exports = { name: 'a', doSomething: function() {}; }; });
以上是seajs中常用的幾個功能和配置的詳細內容。更多資訊請關注PHP中文網其他相關文章!