• es6 export与export default 的区别


    相同点:

      均可用于导出常量、函数、文件、模块等

    不同点:

      1、在一个文件中export可以有多个,但export default 只能有一个;

    export var firstName = 'Michael';
    export var lastName = 'Jackson';
    export var year = 1958;
    var firstName = 'Michael';
    var lastName = 'Jackson';
    var year = 1958;
    
    export {firstName, lastName, year};

    2、通过export方式导出,在导入时要加{ },export default则不需要

    export default function foo() {
      console.log('foo');
    }
    
    // 或者写成
    
    function foo() {
      console.log('foo');
    }
    
    export default foo;

    3、export 导出时,import导入要加 { },export default 导出时,不用加 { }

    // 第一组
    export default function crc32() { // 输出
      // ...
    }
    import crc32 from 'crc32'; // 输入
    
    // 第二组
    export function crc32() { // 输出
      // ...
    };
    import {crc32} from 'crc32'; // 输入

    注:应该优先考虑使用 { } 这种写法。因为这样就可以在脚本尾部,一眼看清楚输出了哪些变量

  • 相关阅读:
    2020.02.22周末作业清单
    2020.2.21作业清单
    2020.2.20作业清单
    数学题目
    2020.2.19作业单
    Request对象
    HTTP协议
    http协议
    tomcate
    servlet-3-相关配置
  • 原文地址:https://www.cnblogs.com/zhucj/p/10519869.html
Copyright © 2020-2023  润新知