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