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

    es6中export和import的用法:

    1.

      export

      a.js

    //方式一:
    export var name = "wade"; 
    export var age = 20;

      

    //方式二:
    var name = "wade";
    var age = 20;
    
    export {name, age }
    

      

    //方式三(用as关键字重命名):
    var name = "wade";
    var age = 20;
    
    export { name as n, age as a }
    

      

      import

      b.js

    //方式一、方式二
    import { name, age } from "./a.js"
    

      

    //方式三:
    import { n, a } from "./a.js"
    

      使用import命令的时候,需要知道加载的变量名或函数名,否则无法加载。

    2.模块的整体加载:

    a.js
        var name = "wade";
        var age = 20;
        export { name, age }
    
    b.js
        import * as person from "./a.js"
        var n = person.name;
        var a = person.age;
    

     

    3.export default默认导出:

    a.js
        var person = {
             name: "wade",
             age: 20
        }
         export default person
    
    b.js
        import p from "./a.js"
        var n = p.name;
        var a = p.age;
    

      一个模块只能有一个默认输出,因此export default命令只能使用一次

        

  • 相关阅读:
    Vue的style与class
    position记录
    JS 原型模式创建对象
    Js 栈和堆的实现
    slice深拷贝数组
    Vue路由query传参
    Object.prototype.toString.call(value)
    Node里面的对象创建问题
    Django模板语言 标签整理
    JavaScript基础
  • 原文地址:https://www.cnblogs.com/wlgz/p/8342584.html
Copyright © 2011-2022 走看看