ES6中如何导入与导出模块

最新推荐文章于 2024-08-09 11:43:11 发布

此鱼非闲鱼也

最新推荐文章于 2024-08-09 11:43:11 发布

阅读量380

点赞数

分类专栏： ES6

本文链接：https://blog.csdn.net/m0_45315697/article/details/104313364

版权

本文介绍了ES6中使用export关键字导出模块内容，包括变量、函数和类。同时，讲解了如何通过import关键字在其他模块中导入这些内容，并详细阐述了重命名导入（as）的用法，包括在导出和导入时如何改变名称。

摘要由CSDN通过智能技术生成

导出(export)
可以用export关键字将内容给其他模块，在最简单的例子中，可以将export放在任何变量、函数或类声明的前面，以将它们从模块中导出。

useModule.js如下：

//两种导出形式的区别：
//(1)默认形式：不用加任何修饰
//(2)自定义：导出的内容需要加{}

// 导出变量
export var str1= "red";
export let str2= "happy";
export const number = 10;

// 导出函数
export function sum(num1, num2) {
   
    return num1 + num2;
}

// 导出类
// 类名前加default关键字，表示这是一个默认的导出
export default class Person{
   
    constructor(){
   
        this.name = "百晓生";