import是用于將某個模塊中導(dǎo)出的函數(shù)或?qū)ο?、初始值?dǎo)入到另一個模塊中的語法。

成都創(chuàng)新互聯(lián)專業(yè)為企業(yè)提供民勤網(wǎng)站建設(shè)、民勤做網(wǎng)站、民勤網(wǎng)站設(shè)計、民勤網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、民勤企業(yè)網(wǎng)站模板建站服務(wù)，10余年民勤做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(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這個文件導(dǎo)入名為Module A和Module B的這兩個named模塊。

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

執(zhí)行模塊export

要將函數(shù)，對象，原始值導(dǎo)出為模塊，需要使用export。

我們來看具體示例

將其導(dǎo)出為默認模塊

// 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

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

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

廣告

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