作家
登录

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

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

  •  
  • import {diff} from 'diff';  
  •  
  • // 输入 
  •  
  • //膳绫擎代码的两组写法,第一组是应用export default时,对应的import语句不须要应用大年夜括号;第二组是不应用export default时,对应的import语句须要应用大年夜括号。 
  • export default敕令用于指定模块的默认输出。显然,一个模块只能有一个默认输出,是以export default敕令只能应用一次。所以,import敕令后面才不消加大年夜括号,因为只可能对应一个办法。

    2、因为export default本质是将该敕令后面的值,赋给default变量今后再默认,所以直接将一个值写在export default之后。

    1. // 精确 
    2.  
    3. export default 42; 
    4.  
    5. // 报错 
    6.  
    7. export 42; 
    8.  
    9. //膳绫擎代铝闼楝后一防备错是因为没有指定对外的接口,而前一句指定外对接口为default。 

    3、如不雅想在一条import语句中,同时输入默认办法和其他变量,可以写成下面如许。

    1. import _, { each } from 'lodash'
    2.  
    3. //对应膳绫擎代码的export语句如下 
    4.  
    5. export default function (){     
    6.  
    7. //... 
    8.  
    9.  
    10. export function each (obj, iterator, context){     
    11.  
    12. //... 
    13.  

    export 与 import 的复合写法

    1. export { foo, bar } from 'my_module'
    2.  
    3. // 等同于 
    4.  
    5. import { foo, bar } from 'my_module'
    6.  
    7. export { foo, bar }; 
    8.  
    9. / 接口改名 
    10.  
    11. export { foo as myFoo } from 'my_module'
    12.  
    13. // 整体输出 
    14.  
    15. export * from 'my_module'

    ES6 中的轮回引用

    ES6 中,imports 是 exprts 的只读视图,直白一点就是,imports 都指向 exports 本来的数据,比如:

    3、留意,import敕令具有晋升效不雅,会晋升到全部模块的头晨,起首履行。

    1. //------ lib.js ------ 
    2.  
    3. export let counter = 3; 
    4.  
    5. export function incCounter() { 
    6.  
    7.     counter++; 
    8.  
    9.  
    10. //------ main.js ------

        推荐阅读

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

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


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

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

    关键词: 探索发现

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

    网友点评
    自媒体专栏

    评论

    热度

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