本文實(shí)例講述了seajs中最常用的7個(gè)功能、配置。分享給大家供大家參考,具體如下:
1. seajs.config
seajs.config({ // 設(shè)置路徑,方便跨項(xiàng)目調(diào)用 paths: { 'path1': '....', 'path2': '....' }, // 設(shè)置別名,方便調(diào)用 alias: { 'class1': '...', 'class2': '...' } });
2. seajs.use
用來在頁面中加載一個(gè)或多個(gè)模塊
// 加載一個(gè)模塊 seajs.use('./a'); // 加載一個(gè)模塊,在加載完成時(shí),執(zhí)行回調(diào) seajs.use('./a', function(a) { a.doSomething(); }); // 加載多個(gè)模塊,在加載完成時(shí),執(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)部異步加載一個(gè)或多個(gè)模塊
define(function(require) { // 異步加載一個(gè)模塊,在加載完成時(shí)執(zhí)行回調(diào) require.async('./b', function(b) { b.doSomething(); }); // 異步加載多個(gè)模塊,在加載完成時(shí)執(zhí)行回調(diào) require.async(['./c', './d'], function(c, d) { c.doSomething(); d.doSomething(); }); });
6. exports
用來在模塊內(nèi)部對(duì)外提供接口
define(function(require, exports) { // 對(duì)外提供foo屬性 exports.foo = 'bar'; // 對(duì)外提供doSomething方法 exports.doSomething = function() {}; });
7. module.exports
用來在模塊內(nèi)部對(duì)外提供接口
define(function(require, exports, module) { // 對(duì)外提供接口 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錯(cuò)誤與調(diào)試技巧總結(jié)》及《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識(shí),若有侵權(quán)等問題請及時(shí)與本網(wǎng)聯(lián)系,我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com