想使用es6的導入導出功能不需要配置nodejs環(huán)境和webpack環(huán)境,直接可以用
導入導出的功能是模塊化,使你的js功能獨立,這樣有利于你的代碼解耦,提高代碼的復用性
1.新建js文件寫入下列代碼
// 使用es6箭頭函數(shù)定義一個函數(shù)
letfn =a=>alert(a);
// 導出函數(shù)
export{fn};
2.新建HTML文件導入這個函數(shù)模塊
Title
// 導入這個模塊import{fn}from"./index1.js"http:// 調用這個模塊fn(1);
ps:這里說明一下要想使用es6的導入導出模塊,必須給導入的script標簽設置type類型為module
3.執(zhí)行HTML文件你會發(fā)現(xiàn)有一個彈框
執(zhí)行之后會有彈框
4.如果你想在js中導入其他js也是可以的
// 在index2.js中導入index1.js的模塊
import{fn}from'./index1.js';
functionf2(){
// 執(zhí)行index1的模塊fn(1); ? ?alert(2);}export{ f2 };
5.外界使用
Title
import{f2}from"./index2.js"f2(1);
6.好了今天的es6語法的導入導出就到這里了