ES6 - 模块化操作

UIEngineer

于 2018-02-05 22:32:58 发布

阅读量177

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript高级 es5/es6

本文链接：https://blog.youkuaiyun.com/zjsfdx/article/details/79265627

javascript高级 es5/es6 专栏收录该内容

43 篇文章

订阅专栏

本文通过两个具体示例介绍了JavaScript中模块的导出与导入操作，包括默认导出和命名导出的方式，并展示了如何在另一个文件中使用import语句来引入这些模块。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

案例1：
temp.js

var a = 'js';
var b = '脚本';
var c = 'web';

export {
    a,b,c
}

export function add(a,b){
    return a + b;
}

// export {
//     // 起个语义化名字
//     name as a,
//     // cname as b,
//     // skill as c  
// }

index.js

// export   输出操作
// import   引入操作
import {a,b,c} from './temp';

console.log(`a = ${a}`);
console.log(`b = ${b}`);
console.log(`c = ${c}`);

这里写图片描述

案例2：
temp.js

export default var c = 'js';

index.js

import shy from './temp';
console.log(`shy = ${shy}`);