JavaScript中import用法總結(jié)

import是用于將某個模塊中導(dǎo)出的函數(shù)或?qū)ο蟆⒊跏贾祵?dǎo)入到另一個模塊中的語法。

如下所示

import {模塊名稱} from "需要導(dǎo)入模塊的路徑名"

如何使用import？

該模塊有default模塊和named（命名）模塊。

我們首先加載default export的模塊和named export的模塊

import {ModuleA, ModuleB} from "modules"; 

import Default from 'modules2';

在第一行中，我們從modules這個文件導(dǎo)入名為Module A和Module B的這兩個named模塊。

在第二行中，我們從modules 2這個文件中導(dǎo)入default模塊。

執(zhí)行模塊export

要將函數(shù)，對象，原始值導(dǎo)出為模塊，需要使用export。

我們來看具體示例

將其導(dǎo)出為默認(rèn)模塊

// alert.js

export default function () {

 alert("default module called!");

};

命名導(dǎo)出

// utils.js

export function sum(x, y, z) {

 return x+y+z;

}

 

export function multiply(x, y) {

 return x*y;

}

我們能夠?qū)С雒麨閟um和multiply的模塊。

可以通過如下調(diào)用來使用該函數(shù)

import { sum, multiply } from 'utils'; 

console.log(sum(1, 2, 3));

console.log(multiply(5, 8));

執(zhí)行結(jié)果如下

->6

->40

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識，若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com