在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

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

總結

以上是生活随笔為你收集整理的php import用法,JavaScript中import怎么使用？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。