import在JavaScript中如何使用？

這期內容當中小編將會給大家帶來有關import在JavaScript中如何使用？，文章內容豐富且以專業的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

在ES6中，可以通過模塊化來管理JavaScript對象。進行模塊化的話，除了能進行功能的再利用以外，能夠提高可維護性。

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

本篇文章到這里就全部結束了，更多精彩內容大家可以關注億速云的其他相關欄目教程！！！

上述就是小編為大家分享的import在JavaScript中如何使用？了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關知識，歡迎關注億速云行業資訊頻道。