重慶分公司
JavaScript中import用法總結
import是用于將某個模塊中導出的函數或對象、初始值導入到另一個模塊中的語法。
成都創新互聯專業為企業提供民勤網站建設、民勤做網站、民勤網站設計、民勤網站制作等企業網站建設、網頁設計與制作、民勤企業網站模板建站服務，10余年民勤做網站經驗，不只是建網站，更提供有價值的思路和整體網絡服務。
如下所示
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
本文標題：JavaScript中import用法總結
網頁URL：http://www.xueling.net.cn/article/jespjc.html