快捷導(dǎo)航

SeaJS中use函數(shù)用法實(shí)例分析

更新時間：2017年10月10日 10:28:28 作者：javaPie

這篇文章主要介紹了SeaJS中use函數(shù)用法,結(jié)合實(shí)例形式分析了use函數(shù)加載模塊的使用方法與相關(guān)操作技巧,需要的朋友可以參考下

本文實(shí)例講述了SeaJS中use函數(shù)用法。分享給大家供大家參考，具體如下：

有了 define 等模塊定義規(guī)范的實(shí)現(xiàn)，我們可以開發(fā)出很多模塊。但光有一堆模塊不管用，我們還得讓它們能跑起來。在 SeaJS 里，要啟動模塊系統(tǒng)很簡單：

<script src="path/to/sea.js"></script>
<script>
seajs.use('./main');
</script>

seajs.use 用來在頁面中加載模塊。通過 use 方法，可以在頁面中加載任意模塊。

語法：seajs.use seajs.use(id, callback?)

// 加載模塊 main，并在加載完成時，執(zhí)行指定回調(diào)
seajs.use('./main', function(main) {
main.init();
});

use 方法還可以一次加載多個模塊：

// 并發(fā)加載模塊 a 和模塊 b，并在都加載完成時，執(zhí)行指定回調(diào)
seajs.use(['./a', './b'], function(a, b) {
a.init();
b.init();
});

callback 參數(shù)可選。當(dāng)只加載一個模塊，且不需要 callback 時，可以用 data-main 屬性來簡化：

<script src="path/to/sea.js" data-main="./main"></script>

上面的代碼等價于：

<script src="path/to/sea.js"></script>
<script>
seajs.use('./main');
</script>

SeaJS 還提供 data-config 來加載配置文件：

<script src="path/to/sea.js" data-config="path/to/config"></script>

data-config 等價：

seajs.config({
preload: ['path/to/config']
});

路徑解析規(guī)則與 seajs.use 一致。

我這里用的是：

<script src="/js/lib/sea.js" data-config="/js/config.js"></script>
<script>
seajs.use('/js/main', function(main) {
main.banner_focus('#focus');
});

注：main為模塊名。main.method為模塊定義的函數(shù)，可以傳遞參數(shù)過去。

更多關(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的模塊定義和模塊加載淺析
這篇文章主要介紹了seaJs的模塊定義和模塊加載淺析,以及模塊間的依賴關(guān)系等問題,需要的朋友可以參考下
2014-06-06
深入探尋seajs的模塊化與加載方式
本文是對Sea.js 提供seajs的模塊化與加載方式的講解，對學(xué)習(xí)JavaScript編程技術(shù)有所幫助,與大家分享。有需要的小伙伴可以參考下。
2015-04-04
seajs中最常用的7個功能、配置示例
這篇文章主要介紹了seajs中最常用的7個功能、配置,結(jié)合實(shí)例形式簡單分析了seajs中常用的項(xiàng)目配置、模塊加載、定義、獲取等操作技巧,需要的朋友可以參考下
2017-10-10
Seajs的學(xué)習(xí)筆記
這篇文章主要介紹了Seajs的相關(guān)知識和和學(xué)習(xí)心得,適合剛接觸SeaJS的同學(xué),需要的朋友可以參考下
2014-03-03
SeaJS入門教程系列之SeaJS介紹（一）
這篇文章主要介紹了SeaJS入門教程,講述了SeaJS的由來,JavaScript傳統(tǒng)開發(fā)模式和模塊化開發(fā)的對比,需要的朋友可以參考下
2014-03-03
seaJs使用心得之exports與module.exports的區(qū)別實(shí)例分析
這篇文章主要介紹了seaJs使用心得之exports與module.exports的區(qū)別,結(jié)合實(shí)例形式分析了exports與module.exports具體功能、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2017-10-10
seajs下require書寫約定實(shí)例分析
這篇文章主要介紹了seajs下require書寫約定,結(jié)合實(shí)例形式分析了seajs中require書寫約定遵循的規(guī)則,需要的朋友可以參考下
2018-05-05
seajs模塊壓縮問題與解決方法實(shí)例分析
這篇文章主要介紹了seajs模塊壓縮問題與解決方法,結(jié)合實(shí)例形式分析了seajs模塊壓縮過程中出現(xiàn)的問題及相應(yīng)的解決方法,需要的朋友可以參考下
2017-10-10
seajs中模塊的解析規(guī)則詳解和模塊使用總結(jié)
這篇文章主要介紹了seajs中模塊的解析規(guī)則詳解和模塊使用總結(jié),需要的朋友可以參考下
2014-03-03
seajs學(xué)習(xí)之模塊的依賴加載及模塊API的導(dǎo)出
SeaJS是一個遵循 CommonJS 規(guī)范的模塊加載框架，可用來輕松愉悅地加載任意JavaScript模塊和css模塊樣式。SeaJS接口和方法也非常少，SeaJS 就兩個核心：模塊定義和模塊的加載及依賴關(guān)系。本文將詳細(xì)介紹模塊的依賴加載及模塊API的導(dǎo)出，有需要的朋友們可以參考借鑒。
2016-10-10