本篇文章為大家展示了import和require怎么在Javascript中使用，內(nèi)容簡(jiǎn)明扼要并且容易理解，絕對(duì)能使你眼前一亮，通過這篇文章的詳細(xì)介紹希望你能有所收獲。
創(chuàng)新互聯(lián)是專業(yè)的澤州網(wǎng)站建設(shè)公司，澤州接單;提供網(wǎng)站設(shè)計(jì)制作、做網(wǎng)站,網(wǎng)頁設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行澤州網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!
重慶分公司
重慶分公司
export const sqrt = Math.sqrt;
export function square(x) {
return x * x;
}
export function diag(x, y) {
return sqrt(square(x) + square(y));
}這樣就可以在其他地方對(duì)lib中定義的屬性和方法進(jìn)行引用，引用方法有兩種，也就時(shí)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;還可以設(shè)置默認(rèn)的導(dǎo)出信息，就需要崽lib.js中定義 export default {}。default后面可以接一個(gè)參數(shù)，也可以接一個(gè)數(shù)組。書寫方法為：
//------ module1.js ------
export default 123;
//------ module2.js ------
const D = 123;
export { D as default };通常比較習(xí)慣用第一種。然后用import就可以得到這個(gè)數(shù)組或則參數(shù)。但是import只能用于靜態(tài)導(dǎo)入，就是必須在文件開始的時(shí)候，在最上層就寫好。而require就可以實(shí)現(xiàn)動(dòng)態(tài)加載。
| 加載方式 | 規(guī)范 | 命令 | 特點(diǎn) |
|---|---|---|---|
| 運(yùn)行時(shí)加載 | CommonJS/AMD | require | 社區(qū)方案，提供了服務(wù)器/瀏覽器的模塊加載方案。非語言層面的標(biāo)準(zhǔn)。只能在運(yùn)行時(shí)確定模塊的依賴關(guān)系及輸入/輸出的變量，無法進(jìn)行靜態(tài)優(yōu)化。 |
| 編譯時(shí)加載 | ESMAScript6+ | import | 語言規(guī)格層面支持模塊功能。支持編譯時(shí)靜態(tài)分析，便于JS引入宏和類型檢驗(yàn)。動(dòng)態(tài)綁定。 |
const incrementCounter = function ({dispatch,state}){
dispatch(‘INCREMENT‘)
}
export default {
incrementCounter
}
//require
let myAction = require(‘xxxxx‘);
myAction.default.incrementCounter()上述內(nèi)容就是import和require怎么在Javascript中使用，你們學(xué)到知識(shí)或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識(shí)儲(chǔ)備，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。
