import是用于將某個模塊中導出的函數或對象、初始值導入到另一個模塊中的語法。
如下所示
import {模塊名稱} from "需要導入模塊的路徑名"
如何使用import?
該模塊有default模塊和named(命名)模塊。
我們首先加載default export的模塊和named export的模塊
import {ModuleA, ModuleB} from "modules"; import Default from 'modules2';
在第一行中,我們從modules這個文件導入名為Module A和Module B的這兩個named模塊。
在第二行中,我們從modules 2這個文件中導入default模塊。
執行模塊export
要將函數,對象,原始值導出為模塊,需要使用export。
我們來看具體示例
將其導出為默認模塊
// alert.js export default function () { alert("default module called!"); };
命名導出
// utils.js export function sum(x, y, z) { return x+y+z; } export function multiply(x, y) { return x*y; }
我們能夠導出名為sum和multiply的模塊。
可以通過如下調用來使用該函數
import { sum, multiply } from 'utils'; console.log(sum(1, 2, 3)); console.log(multiply(5, 8));
執行結果如下
->6 ->40
聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com