seajs中最常用的7個功能、配置示例
更新時間：2017年10月10日 10:41:40 作者：Jredreamer
這篇文章主要介紹了seajs中最常用的7個功能、配置,結(jié)合實例形式簡單分析了seajs中常用的項目配置、模塊加載、定義、獲取等操作技巧,需要的朋友可以參考下
本文實例講述了seajs中最常用的7個功能、配置。分享給大家供大家參考，具體如下：
1. seajs.config
seajs.config({
// 設(shè)置路徑，方便跨項目調(diào)用
paths: {
'path1': '....',
'path2': '....'
},
// 設(shè)置別名，方便調(diào)用
alias: {
'class1': '...',
'class2': '...'
}
});
2. seajs.use
用來在頁面中加載一個或多個模塊
// 加載一個模塊
seajs.use('./a');
// 加載一個模塊，在加載完成時，執(zhí)行回調(diào)
seajs.use('./a', function(a) {
a.doSomething();
});
// 加載多個模塊，在加載完成時，執(zhí)行回調(diào)
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');
// 調(diào)用模塊a的方法
a.doSomething();
});
5. require.async
用來在模塊內(nèi)部異步加載一個或多個模塊
define(function(require) {
// 異步加載一個模塊，在加載完成時執(zhí)行回調(diào)
require.async('./b', function(b) {
b.doSomething();
});
// 異步加載多個模塊，在加載完成時執(zhí)行回調(diào)
require.async(['./c', './d'], function(c, d) {
c.doSomething();
d.doSomething();
});
});
6. exports
用來在模塊內(nèi)部對外提供接口
define(function(require, exports) {
// 對外提供foo屬性
exports.foo = 'bar';
// 對外提供doSomething方法
exports.doSomething = function() {};
});
7. module.exports
用來在模塊內(nèi)部對外提供接口
define(function(require, exports, module) {
// 對外提供接口
module.exports = {
name: 'a',
doSomething: function() {};
};
});
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript擴展技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript數(shù)學運算用法總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
seaJs使用心得之exports與module.exports的區(qū)別實例分析
這篇文章主要介紹了seaJs使用心得之exports與module.exports的區(qū)別,結(jié)合實例形式分析了exports與module.exports具體功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了seajs中模塊依賴的加載處理,結(jié)合實例形式分析了seajs模塊依賴與加載的原理、相關(guān)注意事項與使用方法,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了seajs中最常用的7個功能、配置,結(jié)合實例形式簡單分析了seajs中常用的項目配置、模塊加載、定義、獲取等操作技巧,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了seaJs的模塊定義和模塊加載淺析,以及模塊間的依賴關(guān)系等問題,需要的朋友可以參考下2014-06-06
Seajs是什么及sea.js 由來，特點以及優(yōu)勢
這篇文章主要介紹了Seajs的相關(guān)知識和和學習心得,適合剛接觸SeaJS的同學,需要的朋友可以參考下，有更好的新手教程或文檔，歡迎推薦、分享2016-10-10
這篇文章主要介紹了seajs模塊壓縮問題與解決方法,結(jié)合實例形式分析了seajs模塊壓縮過程中出現(xiàn)的問題及相應(yīng)的解決方法,需要的朋友可以參考下2017-10-10
詳解Sea.js中Module.exports和exports的區(qū)別
最近在看Seajs時，看到了exports.doSomething和module.exports，想對這兩者的區(qū)別一探究竟。所以下面這篇文章主要介紹了Sea.js中Module.exports和exports的區(qū)別，需要的朋友可以參考借鑒，一起來看看吧。2017-02-02
這篇文章主要介紹了SeaJS入門教程系列之完整示例,演示了一個完整的SeaJS開發(fā)例子,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了SeaJS中use函數(shù)用法,結(jié)合實例形式分析了use函數(shù)加載模塊的使用方法與相關(guān)操作技巧,需要的朋友可以參考下2017-10-10
Seajs 簡易文檔 提供簡單、極致的模塊化開發(fā)體驗
這篇文章主要介紹了Seajs 簡易文檔 提供簡單、極致的模塊化開發(fā)體驗,非官方文檔，整理來自己官方文檔的文字與實例，方便速查。需要的朋友可以參考下2016-04-04