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)
  • 相关阅读:
    园 首页 新随笔 联系 管理 订阅 订阅 RTSP协议转换RTMP直播协议
    sequence diagram
    Model Binding
    asp.net mvc
    系统日志和异常的处理①
    随机森林之oob error 估计
    Extjs相关知识点梳理
    Extjs报错处理
    webbrowser在html中写入内容并添加js
    tcpdump一个命令的剖析
  • 原文地址:https://www.cnblogs.com/still1/p/10873415.html
Copyright © 2011-2022 走看看