溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇文章為大家展示了import和require怎么在Javascript中使用，內容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。
export const sqrt = Math.sqrt;
export function square(x) {
return x * x;
}
export function diag(x, y) {
return sqrt(square(x) + square(y));
}這樣就可以在其他地方對lib中定義的屬性和方法進行引用，引用方法有兩種，也就時import和require。
//方法一
import { square, diag } from 'lib';
console.log(square(11)); // 121
console.log(diag(4, 3));
//方法兒
import * as lib from 'lib';
square = lib.square;還可以設置默認的導出信息，就需要崽lib.js中定義 export default {}。default后面可以接一個參數，也可以接一個數組。書寫方法為：
//------ module1.js ------
export default 123;
//------ module2.js ------
const D = 123;
export { D as default };通常比較習慣用第一種。然后用import就可以得到這個數組或則參數。但是import只能用于靜態導入，就是必須在文件開始的時候，在最上層就寫好。而require就可以實現動態加載。
| 加載方式 | 規范 | 命令 | 特點 |
|---|---|---|---|
| 運行時加載 | CommonJS/AMD | require | 社區方案，提供了服務器/瀏覽器的模塊加載方案。非語言層面的標準。只能在運行時確定模塊的依賴關系及輸入/輸出的變量，無法進行靜態優化。 |
| 編譯時加載 | ESMAScript6+ | import | 語言規格層面支持模塊功能。支持編譯時靜態分析，便于JS引入宏和類型檢驗。動態綁定。 |
const incrementCounter = function ({dispatch,state}){
dispatch(‘INCREMENT‘)
}
export default {
incrementCounter
}
//require
let myAction = require(‘xxxxx‘);
myAction.default.incrementCounter()上述內容就是import和require怎么在Javascript中使用，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關注億速云行業資訊頻道。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
