ES6 JS模块导入导出 import export

最新推荐文章于 2024-04-26 23:50:13 发布

虬川候

最新推荐文章于 2024-04-26 23:50:13 发布

阅读量185

点赞数

分类专栏： ES6

本文链接：https://blog.csdn.net/qq_39383675/article/details/118273605

版权

ES6 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

common.js

// 导出方式1  同理function class
let name = 'leition';
export { name };

// 导出方式2
export let age = '18';

// 只能导出一个未命名的方法
export default function index(x, y) {
    return x + y;
}

index.js

// 引用方式1
// import * as common from "./common.js";
// console.log(common.name);
// console.log(common.age);

// 引用方式2 可使用别名
import { name, age as ageA } from "./common.js";
console.log(name);
console.log(ageA);

// 引用未命名的方法 随意取个名接一下
import test from "./common.js";
console.log(test(3, 5));

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ES6</title>
    <!-- type="module" 使JS独立,防止命名影响 -->
    <script src="index.js" type="module"></script>
</head>
<body>
    
</body>
</html>

虬川候

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
ES6 JS模块导入导出 import export

common.js// 导出方式1 同理function classlet name = 'leition';export { name };// 导出方式2export let age = '18';// 只能导出一个未命名的方法export default function index(x, y) { return x + y;}index.js// 引用方式1// import * as common from "./common.js";// cons
复制链接

扫一扫