`require()` 是 Node.js 中常用的一個(gè)模塊加載方法,用來引入外部模塊(也稱為包或庫),并將其賦值給一個(gè)變量,以便在程序中進(jìn)行調(diào)用。
在 Node.js 環(huán)境下,可以直接使用 `require()` 加載所有內(nèi)置模塊和第三方模塊,而在瀏覽器環(huán)境下,`require()` 并不是原生支持的方法,需要使用一些第三方庫來支持。
常見的前端模塊加載器有 RequireJS 和 SeaJS,這兩個(gè)庫都可以用來實(shí)現(xiàn)模塊依賴關(guān)系的管理和加載。以 RequireJS 為例,使用 `require()` 方法引入模塊的基本語法為:
// 引入模塊及其依賴
require(['module1', 'module2'], function(module1, module2) {
// 處理邏輯
});
其中,第一個(gè)參數(shù)是一個(gè)數(shù)組,用來指定當(dāng)前模塊所依賴的其他模塊;第二個(gè)參數(shù)是一個(gè)回調(diào)函數(shù),用來處理當(dāng)前模塊的邏輯,當(dāng)依賴的模塊都加載完畢后,該回調(diào)函數(shù)就會(huì)被調(diào)用。
示例:
// 引入 jQuery 模塊
require(['jquery'], function($) {
// 使用 jQuery 處理 DOM
$('#message').text('Hello, world!');
});
在這個(gè)示例中,首先通過 `require()` 方法引入了 `jquery` 模塊,然后在回調(diào)函數(shù)中使用了 `$` 變量來操作 DOM,實(shí)現(xiàn)了在頁面上展示 "Hello, world!" 的功能。