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.jsexport default function () {  alert("default module called!");};

命名導出

// utils.jsexport 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