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

成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供民勤網(wǎng)站建設(shè)、民勤做網(wǎng)站、民勤網(wǎng)站設(shè)計(jì)、民勤網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計(jì)與制作、民勤企業(yè)網(wǎng)站模板建站服務(wù)，10余年民勤做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。

如下所示

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

如何使用import？

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

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

import {ModuleA, ModuleB} from "modules"; 

import Default from 'modules2';

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

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

執(zhí)行模塊export

要將函數(shù)，對(duì)象，原始值導(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

文章標(biāo)題：JavaScript中import用法總結(jié)
網(wǎng)站URL：http://m.newbst.com/article22/jespjc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供商城網(wǎng)站、面包屑導(dǎo)航、軟件開發(fā)、服務(wù)器托管、外貿(mào)建站、域名注冊(cè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)