首先我們要明白require與import的基本語法:
require的基本語法:在匯出的檔案中定義module.export,匯出的物件的型別不予限定(可以是任何型別,字串,變數,物件,方法),在引入的檔案中呼叫require()方法引入物件即可,換一種說法就是require相當於module.exports的傳送門,module.exports後面的內容是什麼,require的結果就是什麼,物件、數字、字串、函式……再把require的結果賦值給某個變數,**實現首先如:
// tt.js
module.export =
}
解析:在tt.js中使module這個意思就是模組的意思,就是實現特定功能的一組方法,
也就是只要把不同的函式(以及記錄狀態的變數)簡單地放在一起,就算是乙個模組。用module.export中的export這個變數接收返回的函式名為tt的函式
然後:// bb.js中
var obj = require(
'../tt.js'
)
obj.tt()
// "這是乙個函式,也就是乙個物件"
解析:在bb.js中獲取到tt.js賦值給變數obj,然後呼叫該方法
本質上是將要匯出的物件賦值給module這個的物件的export屬性,在其他檔案中通過require這個方法訪問該屬性
匯出的物件必須與模組中的值一一對應,就是匯出的物件與整個模組進行解構賦值,例如:
中
export
default
)
b: function()
}
export function()
export
// 解構賦值語法(as關鍵字在這裡表示將newf作為aa的資料介面暴露給外部,外部不能直接訪問aa)
中
import
aa from
'...'
//import常用語法(需要export中帶有default關鍵字)可以任意指定import的名稱
import
from
'...'
// 基本方式,匯入的物件需要與export物件進行解構賦值。
import
aa as as from
'...'
//使用as關鍵字,這裡表示將aa代表aa引入(當變數名稱有衝突時可以使用這種方式解決衝突)
import
//as關鍵字的其他使用方法
require和import相互轉換使用:
import list from './list';require和import分別使用在://等價於
var list = require('./list');
require和import的優缺點比較:
require的效能相對於import稍低,因為require是在執行時才引入模組並且還賦值給某個變數,而import只需要依據import中的介面在編譯時引入指定模組所以效能稍高。
vue之require與import之間的區別
首先我們要明白require與import的基本語法 require的基本語法 在匯出的檔案中定義module.export,匯出的物件的型別不予限定 可以是任何型別,字串,變數,物件,方法 在引入的檔案中呼叫require 方法引入物件即可,換一種說法就是require相當於module.expo...
如何在require中使用VUE
現在網上抄的沸沸揚揚的vue看來是個很nb的東西啊,看了一下,確實相對於angular1來說簡化了不少東西,效能方面也比angular1要好很多,所以現在用的人越來越多了,於是作為前端,學習一下新東西不至於被淘汰那是必須的 在網上看了一下,感覺還不錯,打算用它寫個單頁面應用。於是 坑就跟著來了 先來...
oracle exp匯出與imp匯入
通過exp匯出與imp匯入進行資料的備份轉移 exp命令 1exp username psw test file d test.dmp full y 2exp use rname psw test file d test.dmp owner ly 3exp username psw test fil...