es6 export 与 import
时间: 2023-04-26 17:01:02 浏览: 72
ES6中的export和import是模块化的关键字,用于将代码分割成可重用的模块。
export用于将模块中的变量、函数或类暴露出来,以便其他模块可以使用它们。可以使用默认导出或命名导出。
import用于从其他模块中导入变量、函数或类。可以使用默认导入或命名导入。
使用export和import可以使代码更加模块化、可维护和可重用。
相关问题
javascript es6中export、import与export default的用法和区别
在JavaScript ES6中,用export、import和export default关键字可以实现模块化编程。
export关键字用于导出一个或多个模块,可以导出变量、函数、对象等内容。
import关键字用于引入一个或多个模块,由于导出的内容是可命名的,因此必须指定被引入模块导出的名称,例如import { name } from "./module.js"。
export default关键字用于默认导出一个模块,一个模块只能有一个默认导出,如果需要导出多个模块,可以使用export关键字。默认导入模块时,可以任意指定名称,例如import myModule from "./module.js"。
区别在于export default只能导出一个模块,而export可以导出多个模块,通常用于导出变量、函数、对象等内容。import时,export需要指定名称,而export default可以任意指定名称。因此,当导出的模块只有一个时,建议使用export default。
es6 export defaul
ES6 中的 export default 是用于导出一个默认的模块,可以在导入时使用任意名称来引用该模块。例如:
```
// module.js
export default {
name: 'module',
version: '1.0.0'
}
// app.js
import myModule from './module.js';
console.log(myModule.name); // 输出:module
```
在这个例子中,我们使用 export default 导出了一个对象,然后在 app.js 中使用 import 导入该模块,并将其命名为 myModule。这样我们就可以使用 myModule 来访问该模块的属性和方法了。