本文共 1669 字，大约阅读时间需要 5 分钟。

一：在es6中，export关键字是输出一个对外的接口信息。

export命令除了输出变量，还可以输出函数或类（class） 其规范：

export var name = "allen";export var year = 20;//或者var firstName = 'Michael';var lastName = 'Jackson';var year = 1958;export {
    firstName, lastName, year };export function f() {
   };//或者function f() {
   }export {
   f};

上面这都是输出的是一个对象信息，书写都是正确的。

下面这种方式：

export 1;// 报错var m = 1;export m;//报错function f() {
   }export f;

需要特别注意的是，export命令规定的是对外的接口，必须与模块内部的变量建立一一对应关系。

上面这种方式显然是输出的是一个值，所以不合乎规范。 改成：export {m}; 就是正确的了。

二：export default 命令

export default 就是为模块指定默认输出，显然，一个模块只能有一个默认输出，因此export default 命令只能使用一次。所以，import命令后面才不用加大括号，因为只可能唯一对应export default命令。

例子：

export default function foo(){
     return "foo函数";}//或者function foo(){
     return "foo函数";}export default foo;

export default foo ，这里不需要有{}，因为一个模块中只有一个默认输出。

export 42;//错误export default 42;//正确的

// 第一组export default function foo() {
    // 输出  // ...}import foo from 'foo'; // 输入//import 也不需要{}

// 第二组export function foo() {
    // 输出  // ...};import {
   foo} from 'foo'; // 输入//这里需要大括号

// modules.jsfunction add(x, y) {
     return x * y;}export {
   add as default};//相当于 export default add;import {
    default as add} from 'modules';// 等同于// import add from 'modules';

通过export方式导出，在导入时要加{ }，export default则不需要。

三： module.exports

其实有些基本的概念要理解： module.exports、exports是CommJs规范，而export、export default是es6规范 exports = module.exports。 module.exports所以在使用node中开发的时候，会发现用到的比较多。

例如，webpack的配置文件

let path = require('path');module.exports = {
     entry : './index.js',  output: {
           filename: '[name].[hash:8].js',      // 打包后的文件名称        path: path.resolve(__dirname,'../dist')  // 打包后的目录    },}

或者：

module.exports = "hello world";

转载地址：https://blog.csdn.net/shenshulong/article/details/103949743 如侵犯您的版权，请留言回复原文章的地址，我们会给您删除此文章，给您带来不便请您谅解！