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)文章
javascript圖片延遲加載實(shí)現(xiàn)方法及思路
這篇文章主要介紹了javascript圖片延遲加載實(shí)現(xiàn)方法及思路，有時(shí)我們需要用懶加載，也就是延遲加載圖片的方式，來提高網(wǎng)站的親和力,需要的朋友可以參考下2015-12-12
JS實(shí)現(xiàn)數(shù)組扁平化的方法總結(jié)
數(shù)組扁平化相信不少朋友在一些面試中被問到過,這在我們?nèi)粘＞幊讨幸彩且粋€(gè)常規(guī)操作,它需要我們將一個(gè)多維數(shù)組轉(zhuǎn)化成一個(gè)一維數(shù)組,所以,借著這篇文章,我們今天就一起來匯總一下幾種數(shù)組扁平化的方式,需要的朋友可以參考下2024-02-02
頁(yè)面定時(shí)刷新的示例想必大家也見到不少，在本文將為大家介紹的是，如何實(shí)現(xiàn)1秒刷新一次，感興趣的朋友可以了解下本文2013-11-11
解決微信小程序scroll-view組件無橫向滾動(dòng)的問題
這篇文章主要介紹了微信小程序scroll-view組件無橫向滾動(dòng)的解決方法,本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2020-02-02
js操作數(shù)組函數(shù)實(shí)例小結(jié)
這篇文章主要介紹了js操作數(shù)組函數(shù),實(shí)例分析了JavaScript針對(duì)數(shù)組刪除指定元素、去重及刪除指定下標(biāo)元素的實(shí)現(xiàn)方法,需要的朋友可以參考下2015-12-12
JavaScript canvas實(shí)現(xiàn)跟隨鼠標(biāo)事件
這篇文章主要為大家詳細(xì)介紹了JavaScript canvas實(shí)現(xiàn)跟隨鼠標(biāo)事件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-02-02
JS及JQuery對(duì)Html內(nèi)容編碼,Html轉(zhuǎn)義
本文主要介紹了JS及JQuery對(duì)Html內(nèi)容編碼,Html轉(zhuǎn)義的方法。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)頂部下拉菜單欄，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11
淺談js中StringBuffer類的實(shí)現(xiàn)方法及使用
下面小編就為大家?guī)硪黄獪\談js中StringBuffer類的實(shí)現(xiàn)方法及使用。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-09-09
本文主要介紹了Javascript中的 “&” 和 “|” 的相關(guān)知識(shí)。具有很好的參考價(jià)值，下面跟著小編一起來看下吧2017-02-02