es6导出导入
one.js导出
1 // 导出方式一:
2 export let url="http://www.baidu.com/";
3 export let name="张三";
4 // export let myfun=()=>{
5 // return "hello world";
6 // }
7
8
9
10 // 导出方式二:(模块取别名)
11 // let url="http://www.baidu.com/";
12 // let name="张三";
13 // let myfun=()=>{
14 // return "hello world";
15 // }
16 // export {
17 // url as myurl,
18 // name as myname,
19 // myfun as myf
20 // }
21
22 // 导出方式三:(使用默认模块名)
23 // export default function(){
24 // return "this is test";
25 // }
26
27 // 导出方式四:(使用JSON格式导出)
28 export default{
29 myfun(){
30 return "hello";
31 },
32 uname:'张飞',
33 address:"成都"
34 }
tow.js导入
// 导入方式一:
// import {url,name,myfun} from './one.js';
// console.log(url);
// console.log(name);
// console.log(myfun());
// 导入方式二:
// import {myurl,myname,myf} from './one.js';
// console.log(myurl);
// console.log(myname);
// console.log(myf());
// 导入方式三:(用*导入所有模块,取别名)
// import * as info from "./one.js";
// console.log(info.myurl);
// console.log(info.myname);
// console.log(info.myf());
// 导入方式四:(导入默认模块)
// import myff from "./one.js";
// console.log(myff());
// 导出方式五:(别名)
import myff,{url as aurl,name as aname} from './one.js';
console.log(myff.myfun());
console.log(myff.uname);
console.log(myff.address);
console.log(aurl);
console.log(aname);
index.html导入
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1.0">
6 <title>Document</title>
7 </head>
8 <body>
9 </body>
10 <script type="module">
11 // 导入方式一:
12 // import {url,name,myfun} from './one.js';
13 // console.log(url);
14 // console.log(name);
15 // console.log(myfun());
16
17 // 导入方式二:
18 // import {myurl,myname,myf} from './one.js';
19 // console.log(myurl);
20 // console.log(myname);
21 // console.log(myf());
22
23 // 导入方式三:
24 // import myff from "./one.js";
25 // console.log(myff());
26
27 // 导出方式四:
28 import myff,{url,name} from './one.js';
29 console.log(myff.myfun());
30 console.log(myff.uname);
31 console.log(myff.address);
32 console.log(url);
33 console.log(name);
34 </script>
35 <script src="./tow.js" type="module"></script>
36 </html>