zoukankan      html  css  js  c++  java
  • ES6的export和import

    export import 的4种搭配

    非默认

    拿函数举例,常量,变量,类也可以

    // 1 可以多个export--------import带上{}
    export var a="123";
    export function f() {};
    import {a,f} from ""
    
    // 2 一个export--------import带上{}
    var a="123";
    function f() {}
    export {a,f};
    import {a,f} from ""
    
    // 3 一个export 语句,重命名了a ,f的对外接口--------import带上{}
    var a="123";
    function f() {}
    export {
      a as b,
      f as fn
    };
    import {a,f} from ""
    

    默认 default

    将default 后面的值(a,function (){},function f(){},class{},class C{})赋给default
    函数声明function foo(){};
    函数表达式var foo= function foo(){}

    //只能能有一个export default
    var a="123";
    function f() {}
    export default f
    //不带{} 
    //默认输出f就不能再输出a了。默认最多输出一个。
    //系统默认的变量名default,自然default只能有一个值,所以一个文件内不能有多个export default
    //default的变量,然后系统允许你为它取任意名字
    import any from "."
    any.f()
    
    //1,导出函数例子
    export default function f() {}
    //和
    function f() {}
    export default f一样
    //和
    export default function() {}一样
    //和
    export default var f=function(){}//函数表达式不可以
    
    import fn from "."
    fn()
    
    //2,导出Class例子
    export default class C{}
    //和
    class C{}
    export default C一样
    //和
    export default class{}一样
    
    import CCC from "."
    new CCC()
    

    // 报错
    function f() {}
    export f;

    //下面的方式,不知道对不?
    export function f() {} as fun;
    

    参考:https://www.cnblogs.com/dupd/p/5951311.html
    http://es6.ruanyifeng.com/#docs/module

  • 相关阅读:
    Spring小结
    ByteBuffer使用之道
    NIO组件Selector调用实例
    NIO组件Selector详解
    NIO机制总结
    NIO组件Selector工作机制详解(下)
    javascriptBOM_DOM
    【前端】javascript基础学习
    【前端】CSS基础学习
    【mongodb】比较符及修改器
  • 原文地址:https://www.cnblogs.com/leee/p/6003296.html
Copyright © 2011-2022 走看看