seajs下require書寫約定實例分析

更新時間：2018年05月16日 12:29:07 作者：聽海Movie

這篇文章主要介紹了seajs下require書寫約定,結合實例形式分析了seajs中require書寫約定遵循的規(guī)則,需要的朋友可以參考下

本文實例講述了seajs下require書寫約定。分享給大家供大家參考，具體如下：

require 書寫約定

使用 Sea.js 書寫模塊代碼時，需要遵循一些簡單規(guī)則。

只是書寫和調(diào)試時的規(guī)范！??！構建后的代碼完全不需要遵循下面的約定?。。。。?！

1. 正確拼寫

模塊 factory 構造方法的第一個參數(shù) 必須命名為 require 。

// 錯誤！
define(function(req) {
 // ...
});
// 正確！
define(function(require) {
 // ...
});

2. 不要修改

不要重命名 require 函數(shù)，或在任何作用域中給 require 重新賦值。

// 錯誤 - 重命名 "require"！
var req = require, mod = req("./mod");
// 錯誤 - 重定義 "require"!
require = function() {};
// 錯誤 - 重定義 "require" 為函數(shù)參數(shù)！
function F(require) {}
// 錯誤 - 在內(nèi)嵌作用域內(nèi)重定義了 "require"！
function F() {
 var require = function() {};
}

3. 使用直接量

require 的參數(shù)值必須是字符串直接量。

// 錯誤！
require(myModule);
// 錯誤！
require("my-" + "module");
// 錯誤！
require("MY-MODULE".toLowerCase());
// 正確！
require("my-module");

在書寫模塊代碼時，必須遵循這些規(guī)則。其實只要把 require 看做是語法關鍵字就好啦。

關于動態(tài)依賴

有時會希望可以使用 require 來進行條件加載：

if (todayIsWeekend)
 require("play");
else
 require("work");

但請牢記，從靜態(tài)分析的角度來看，這個模塊同時依賴 play 和 work 兩個模塊，加載器會把這兩個模塊文件都下載下來。這種情況下，推薦使用 require.async 來進行條件加載。

希望本文所述對大家seajs程序設計有所幫助。

您可能感興趣的文章:

seajs實現(xiàn)強制刷新本地緩存的方法分析
這篇文章主要介紹了seajs實現(xiàn)強制刷新本地緩存的方法,結合實例形式簡單分析了seajs強制刷新本地緩存的原理、實現(xiàn)方法及相關注意事項,需要的朋友可以參考下
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中最常用的7個功能、配置示例
這篇文章主要介紹了seajs中最常用的7個功能、配置,結合實例形式簡單分析了seajs中常用的項目配置、模塊加載、定義、獲取等操作技巧,需要的朋友可以參考下
2017-10-10
SeaJS入門教程系列之完整示例（三）
這篇文章主要介紹了SeaJS入門教程系列之完整示例,演示了一個完整的SeaJS開發(fā)例子,需要的朋友可以參考下
2014-03-03
Seajs是什么及sea.js 由來，特點以及優(yōu)勢
這篇文章主要介紹了Seajs的相關知識和和學習心得,適合剛接觸SeaJS的同學,需要的朋友可以參考下，有更好的新手教程或文檔，歡迎推薦、分享
2016-10-10
seaJs的模塊定義和模塊加載淺析
這篇文章主要介紹了seaJs的模塊定義和模塊加載淺析,以及模塊間的依賴關系等問題,需要的朋友可以參考下
2014-06-06
Vue實現(xiàn)圖片懶加載的多種方法詳解
圖片懶加載是前端開發(fā)中一項重要的性能優(yōu)化策略,它能夠明顯縮短頁面加載時間,提升用戶的瀏覽體驗,在本文中,我們將深入探討在Vue開發(fā)時候如何實現(xiàn)圖片懶加載,同時探討多種實現(xiàn)途徑,需要的朋友可以參考下
2023-08-08
Seajs 簡易文檔提供簡單、極致的模塊化開發(fā)體驗
這篇文章主要介紹了Seajs 簡易文檔提供簡單、極致的模塊化開發(fā)體驗,非官方文檔，整理來自己官方文檔的文字與實例，方便速查。需要的朋友可以參考下
2016-04-04
Seajs源碼詳解分析
近幾年前端工程化越來越完善，打包工具也已經(jīng)是前端標配了，像seajs這種老古董早已停止維護，這是一篇細細品味Seajs源碼的文章,看完一定受益匪淺
2019-04-04
LABjs、RequireJS、SeaJS的區(qū)別
這篇文章主要介紹了LABjs、RequireJS、SeaJS的區(qū)別、JS文件加載器、JS塊加載器等知識,需要的朋友可以參考下
2014-03-03