zoukankan      html  css  js  c++  java
  • ES6 Module export命令 和 import命令



    详细版本: JavaScript 模块体系


    export 命令

    // 写法1、直接导出
    export var firstName = 'Michael';
    
    // 写法2、变量导出
    var firstName = 'Michael';
    export { firstName };
    
    // 写法3、重命名导出
    function v1() { ... }
    export { v1 as streamV1 };
    

    import 命令

    // 写法1、直接导入
    import { lastName } from './profile.js';
    
    // 写法2、重命名导入
    import { lastName as surname } from './profile.js';
    
    // 写法3、整体导入
    import * as circle from './circle';
    console.log('圆面积:' + circle.area(4));
    console.log('圆周长:' + circle.circumference(14));
    

    export default 命令

    导出

    // export-default.js
    // 写法1、匿名函数
    export default function () {
      console.log('foo');
    }
    
    // 写法2、函数声明
    export default function foo() {
      console.log('foo');
    }
    
    // 写法3、变量
    function foo() {
      console.log('foo');
    }
    
    export default foo;
    

    导入

    // import-default.js
    import customName from './export-default'; // * 不加大括号
    customName(); // 'foo'
    
  • 相关阅读:
    第九周总结
    第八周总结
    第六周
    中国历史上成功的两个人
    第五周总结
    第四周总结
    关于IT行业的抄袭事件
    第三周总结
    第二周总结
    第九周
  • 原文地址:https://www.cnblogs.com/huangtq/p/15492821.html
Copyright © 2011-2022 走看看