JavaScript中import用法總結(jié)
更新時(shí)間：2019年01月20日 09:21:13 投稿：laozhang
在本篇文章里小編給大家分享了關(guān)于JavaScript中import用法知識(shí)點(diǎn)，有需要的朋友們可以學(xué)習(xí)下。
import是用于將某個(gè)模塊中導(dǎo)出的函數(shù)或?qū)ο?、初始值?dǎo)入到另一個(gè)模塊中的語(yǔ)法。
如下所示
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
相關(guān)文章
微信小程序?qū)崿F(xiàn)導(dǎo)航欄和內(nèi)容上下聯(lián)動(dòng)功能代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)導(dǎo)航欄和內(nèi)容上下聯(lián)動(dòng)功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-06-06
相信大家都看到過ie下的內(nèi)存泄漏模式的文章，其中有一個(gè)模式就是循環(huán)引用，而閉包就有保存外部運(yùn)行環(huán)境的能力（依賴于作用域鏈的實(shí)現(xiàn)），所以img.onload這個(gè)函數(shù)內(nèi)部又保存了對(duì)img的引用，這樣就形成了循環(huán)引用，導(dǎo)致內(nèi)存泄漏2012-12-12
這篇文章主要介紹了JavaScript按值刪除數(shù)組元素的方法,涉及javascript操作數(shù)組的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
JavaScript事件循環(huán)剖析宏任務(wù)與微任務(wù)
這篇文章主要為大家介紹了JavaScript事件循環(huán)剖析宏任務(wù)與微任務(wù)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-10-10
javascript 對(duì)象屬性property與元素屬性attribute的瀏覽器支持
對(duì)象屬性property與元素屬性attribute的瀏覽器支持情況，大家可以參考下。2010-10-10
CSS和JS標(biāo)簽style屬性對(duì)照表(方便js開發(fā)的朋友)
CSS和JS標(biāo)簽style屬性對(duì)照表(方便js開發(fā)的朋友)，需要的朋友可以收藏下。2010-11-11
NodeJS Express框架中處理404頁(yè)面一個(gè)方式
這篇文章主要介紹了NodeJS Express框架中處理404頁(yè)面一個(gè)方式,原理就是把404路由放在最后匹配,也就是路由中沒有定義的全部轉(zhuǎn)到404頁(yè)面,需要的朋友可以參考下2014-05-05
js實(shí)現(xiàn)點(diǎn)擊展開隱藏效果（實(shí)例代碼）
本篇文章小編給大家?guī)硪黄P(guān)于JS實(shí)現(xiàn)點(diǎn)擊展開點(diǎn)擊隱藏的效果代碼內(nèi)容，有興趣的朋友參考下。2018-09-09
這篇文章主要為大家分享介紹了JavaScript頭像上傳插件源碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-03-03
jquery庫(kù)文件略龐大用純js替換jquery的方法
jquery庫(kù)文件略龐大，因此在某些情況下就需要用純js替換jquery,需要的朋友可以參考下2014-08-08