seajs中最常用的7個功能、配置示例
本文實(shí)例講述了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擴(kuò)展技巧總結(jié)》、《JavaScript字符與字符串操作技巧總結(jié)》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript中json操作技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
seaJs使用心得之exports與module.exports的區(qū)別實(shí)例分析
這篇文章主要介紹了seaJs使用心得之exports與module.exports的區(qū)別,結(jié)合實(shí)例形式分析了exports與module.exports具體功能、使用方法及相關(guān)操作注意事項,需要的朋友可以參考下2017-10-10Seajs是什么及sea.js 由來,特點(diǎn)以及優(yōu)勢
這篇文章主要介紹了Seajs的相關(guān)知識和和學(xué)習(xí)心得,適合剛接觸SeaJS的同學(xué),需要的朋友可以參考下,有更好的新手教程或文檔,歡迎推薦、分享2016-10-10詳解Sea.js中Module.exports和exports的區(qū)別
最近在看Seajs時,看到了exports.doSomething和module.exports,想對這兩者的區(qū)別一探究竟。所以下面這篇文章主要介紹了Sea.js中Module.exports和exports的區(qū)別,需要的朋友可以參考借鑒,一起來看看吧。2017-02-02Seajs 簡易文檔 提供簡單、極致的模塊化開發(fā)體驗
這篇文章主要介紹了Seajs 簡易文檔 提供簡單、極致的模塊化開發(fā)體驗,非官方文檔,整理來自己官方文檔的文字與實(shí)例,方便速查。需要的朋友可以參考下2016-04-04