作家
登录

很全很全的JavaScript模块讲解,看了绝不后悔!

作者: 来源: 2018-01-03 11:34:59 阅读 我要评论

 
  •  
  • import { counter, incCounter } from './lib'
  •  
  • // The imported value `counter` is live 
  •  
  • console.log(counter);  
  •  
  • // 3 
  •  
  • incCounter(); 
  •  
  • console.log(counter);  
  •  
  • // 4 
  •  
  • // The imported value can’t be changed 
  •  
  • counter++;  
  •  
  • // TypeError 
  • 是以在 ES6 中处理轮回引用特别简单,看下面这段代码:

    1. //------ a.js ------ 
    2.  
    3. import {bar} from 'b';  
    4.  
    5. // (1) 
    6.  
    7. export function foo() { 
    8.  
    9.   bar();  
    10.  
    11. // (2) 
    12.  
    13.  
    14. //------ b.js ------ 
    15.  
    16. import {foo} from 'a';  
    17.  
    18. // (3) 
    19.  
    20. export function bar() {   
    21.  
    22. if (Math.random()) { 
    23.  
    24.     foo();  
    25.  
    26. // (4) 
    27.  
    28.   } 
    29.  

    实例

    1. //---module-B.js文件--- 
    2.  
    3. //导出变量:name 
    4.  
    5. export var name = "cfangxu"
    6.  
    7. moduleA模块代码: 
    8.  
    9. //导入 模块B的属性 name     
    10.  
    11. import { name } from "./module-B.js";    
    12.  
    13. console.log(name)
    14.  
    15. //打印结不雅:cfangxu 

    作为一个模块,可以根据须要,惹人其他模块的供给的属性或者办法,供本身模块应用。

    批量导出:

    1. //属性name 
    2.  
    3. var name = "cfangxu"
    4.  
    5. //属性age 
    6.  

        推荐阅读

        详解如何用深度学习消除背景,实现抠图

      【限时免费】岁尾最强一次云计算大年夜会,看传统、社区、互联网企业若何碰撞? 在上述课程中,我碰到了 Alon Burg——一名经验丰富的 web 开辟人员,我们刚好趣味相投。所认为了>>>详细阅读


      本文标题:很全很全的JavaScript模块讲解,看了绝不后悔!

      地址:http://www.17bianji.com/lsqh/40215.html

    关键词: 探索发现

    乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

    网友点评
    自媒体专栏

    评论

    热度

    精彩导读
    栏目ID=71的表不存在(操作类型=0)