zoukankan      html  css  js  c++  java
  • export 与 export default

    export 和 import 都属于 ES6 的内容。

    node 的 module 遵循的是 CommonJS规范,requirejs遵循AMD,seajs遵循CMD,虽各有不同,

    但总之还是希望保持较为统一的代码风格。

    ES6发布的 module 并没有直接采用 CommonJS,甚至连 require 都没有采用,也就是说 require 

    仍然只是 node 的一个私有的全局方法, module.exports 也只是 node 私有的一个全局变量属性,

    跟标准半毛钱关系都没有。

    export 与 export default 区别:

    1. 使用export导出的话,必须使用 { } 来接收。

    2. 一个文件中,可以有很多个 export, 但只能有一个 export default。

    示例:

    demo1.js :

    export let A = 123;
    export function test() {
        console.log('test');
    }
    export class Hello {
        test () {
            console.log('class');
        }
    }

    demo2.js:

    import { A, test, Hello} from './demo1'
    console.log(A, test, Hello);

    需要哪一项,就拿哪一项,

    import {A} from './demo1';
    console.log(A);

     导出别名

    import * as lesson from './demo1';
    console.log(lesson.A,lesson.test);            //lesson是个对象                 

    另外一种写法:(推荐这种写法)

    demo1.js:

    let A = 123;
    let test = function () {
        console.log('test');
    }
    class Hello{
        test () {
            console.log('class');
        }
    }
    
    export default {
        A,
        test,
        Hello
    }

     demo2.js:

    import lesson from './demo1';          //lesson可以写任何名称
    console.log(lesson.A)
  • 相关阅读:
    福大软工 · 第七次作业
    福大软工 · 第八次作业(课堂实战)- 项目UML设计(团队)
    福大软工1816 · 第六次作业
    福大软工1816 · 第四次作业
    福大软工1816 · 第三次作业
    测试用例设计--黑盒测试、白盒测试
    数据库测试概述
    层次数据库与网状数据库
    ER图转换关系模型
    事务、锁
  • 原文地址:https://www.cnblogs.com/still1/p/10873415.html
Copyright © 2011-2022 走看看