前言

export和export default的区别是export关键字用于导出一个或多个变量、函数或类,而export default关键字用于导出一个默认的变量、函数或类。在其他模块中,可以使用import关键字来导入这些导出的变量、函数或类。

export和export default的区别

export和export default是ES6中用于导出模块的关键字,它们有一些区别。

首先,export关键字用于导出一个或多个变量、函数或类。可以使用export关键字将一个或多个变量、函数或类导出,以便其他模块可以使用它们。例如,我们可以将一个函数导出如下:

export function add(a, b) {
 return a + b;
}
登录后复制

在其他模块中,我们可以使用import关键字来导入该函数:

import { add } from ./math 
console.log(add(2, 3)); // 输出 5
登录后复制

我们还可以使用export关键字导出多个变量、函数或类。例如:

export const PI = 3.14159;
export function multiply(a, b) {
 return a * b;
export class Circle {
 constructor(radius) {
 this.radius = radius;
 getArea() {
 return Math.PI * this.radius * this.radius;
}
登录后复制

在其他模块中,我们可以使用import关键字来导入这些变量、函数或类:

import { PI, multiply, Circle } from ./math 
console.log(PI); // 输出 3.14159
console.log(multiply(2, 3)); // 输出 6
const circle = new Circle(5);
console.log(circle.getArea()); // 输出 78.53975
登录后复制

export default关键字用于导出一个默认的变量、函数或类。每个模块只能有一个默认导出。例如,我们可以将一个函数作为默认导出:

export default function subtract(a, b) {
 return a - b;
}
登录后复制

在其他模块中,我们可以使用import关键字来导入默认导出:

import subtract from ./math 
console.log(subtract(5, 2)); // 输出 3
登录后复制

需要注意的是,导入默认导出时可以为其指定任意名称,而不需要使用花括号。这是因为默认导出是唯一的,所以可以直接使用导入的变量名。

总结起来,export关键字用于导出一个或多个变量、函数或类,而export default关键字用于导出一个默认的变量、函数或类。在其他模块中,可以使用import关键字来导入这些导出的变量、函数或类。

以上就是export和export default的区别的详细内容,更多请关注php天涯网络其它相关文章!


本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系天涯网络

标签: 常见问题 网站搭建 SEO 网站优化

  • 评论列表 (0)

留言评论