seajs下require書寫約定實例分析
更新時間：2018年05月16日 12:29:07 作者：聽海Movie
這篇文章主要介紹了seajs下require書寫約定,結(jié)合實例形式分析了seajs中require書寫約定遵循的規(guī)則,需要的朋友可以參考下
本文實例講述了seajs下require書寫約定。分享給大家供大家參考，具體如下：
require 書寫約定
使用 Sea.js 書寫模塊代碼時，需要遵循一些簡單規(guī)則。
只是書寫和調(diào)試時的規(guī)范?。。?gòu)建后的代碼完全不需要遵循下面的約定?。。。。?！
1. 正確拼寫
模塊 factory 構(gòu)造方法的第一個參數(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 看做是語法關(guān)鍵字 就好啦。
關(guān)于動態(tài)依賴
有時會希望可以使用 require 來進行條件加載：
if (todayIsWeekend)
require("play");
else
require("work");
但請牢記，從靜態(tài)分析的角度來看，這個模塊同時依賴 play 和 work 兩個模塊，加載器會把這兩個模塊文件都下載下來。 這種情況下，推薦使用 require.async 來進行條件加載。
希望本文所述對大家seajs程序設計有所幫助。
相關(guān)文章
Seajs是什么及sea.js 由來，特點以及優(yōu)勢
這篇文章主要介紹了Seajs的相關(guān)知識和和學習心得,適合剛接觸SeaJS的同學,需要的朋友可以參考下，有更好的新手教程或文檔，歡迎推薦、分享2016-10-10
本文是對Sea.js 提供seajs的模塊化與加載方式的講解，對學習JavaScript編程技術(shù)有所幫助,與大家分享。有需要的小伙伴可以參考下。2015-04-04
這篇文章主要介紹了SeaJS入門教程系列之完整示例,演示了一個完整的SeaJS開發(fā)例子,需要的朋友可以參考下2014-03-03
seajs中模塊的解析規(guī)則詳解和模塊使用總結(jié)
這篇文章主要介紹了seajs中模塊的解析規(guī)則詳解和模塊使用總結(jié),需要的朋友可以參考下2014-03-03
這篇文章主要介紹了seajs實現(xiàn)強制刷新本地緩存的方法,結(jié)合實例形式簡單分析了seajs強制刷新本地緩存的原理、實現(xiàn)方法及相關(guān)注意事項,需要的朋友可以參考下2017-10-10
這篇文章主要介紹了SeaJS入門教程系列之使用SeaJS,著重介紹了SeaJS的使用方法、關(guān)鍵方法的使用等,需要的朋友可以參考下2014-03-03
SeaJS是一個遵循 CommonJS 規(guī)范的模塊加載框架，可用來輕松愉悅地加載任意JavaScript模塊和css模塊樣式。SeaJS接口和方法也非常少，SeaJS 就兩個核心：模塊定義和模塊的加載及依賴關(guān)系。本文將詳細介紹模塊的依賴加載及模塊API的導出，有需要的朋友們可以參考借鑒。2016-10-10
這篇文章主要介紹了Seajs的相關(guān)知識和和學習心得,適合剛接觸SeaJS的同學,需要的朋友可以參考下2014-03-03
這篇文章主要介紹了SeaJS入門教程,講述了SeaJS的由來,JavaScript傳統(tǒng)開發(fā)模式和模塊化開發(fā)的對比,需要的朋友可以參考下2014-03-03
圖片懶加載是前端開發(fā)中一項重要的性能優(yōu)化策略,它能夠明顯縮短頁面加載時間,提升用戶的瀏覽體驗,在本文中,我們將深入探討在Vue開發(fā)時候如何實現(xiàn)圖片懶加載,同時探討多種實現(xiàn)途徑,需要的朋友可以參考下2023-08-08