Module模块化

最新推荐文章于 2024-07-17 08:51:23 发布

oiaa

最新推荐文章于 2024-07-17 08:51:23 发布

阅读量175

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_41900808/article/details/88621439

版权

前端专栏收录该内容

122 篇文章 1 订阅

订阅专栏

用法代码

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Module模块化</title>
</head>
<body>
</body>
<script type="module">

// import {a, test, Hello} from './test.js'
// console.log(a);

// import * as test from './test.js'
//* 代表导入所有东西
//as后代指一个别名

import mytest from './test.js'
console.log(mytest.a);
</script>
<script src="./test.js" type="module"></script>
</html>

test.js

//把一个js文件做为一个模块
// export let a = 123;
// export function test() {
//     console.log('test');
// }
// export class Hello {
    
// }

//不提倡以上写法
//-----------------------------------------
let a = 123;
let test = function () {
    console.log('test');
}
class Hello {
    test() {
        console.log('class');
    }
}

export default {
    a,
    test,
    Hello
}
//给导出的对象不起名字,把权力交给引入方
//更推荐以上操作

oiaa

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Module模块化

用法代码index.html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Module模块化&lt;/title&gt;&lt;/head&gt;&lt;body&am
复制链接

扫一扫

专栏目录