首先我們要明白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這個方法訪問該屬性
import的基本語法:
匯出的物件必須與模組中的值一一對應,就是匯出的物件與整個模組進行解構賦值,例如:
中
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';
//等價於
var list = require('./list');
require和import分別使用在:
require 是賦值過程並且是執行時才執行,也就是非同步載入。
require可以理解為乙個全域性方法,因為它是乙個方法所以意味著可以在任何地方執行。
import 是解構過程並且是編譯時執行。
import必須寫在檔案的頂部。
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...