zoukankan      html  css  js  c++  java
  • JavaScript ES6中export及export default的区别

    在JavaScript ES6中,export与export default均可用于导出常量、函数、文件、模块等,你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式,将其导入,以便能够对其进行使用,但在一个文件或模块中,export、import可以有多个,export default仅有一个。
    具体用法:
    假如有个demo.js,如果这里js里只有一个函数需要导出,如下:

    function getCode(x){
        return x+1
    }
    export default getCode  //别处引用时候是import getCode  from "此处是文件地址"
    //也可以export { getCode }/ /别处引用时候是import { getCode } from "此处是文件地址"
    仔细对比上面的区别。

    如果一个demo.js里有许多的函数或者方法需要导出,如下:

    function getCodeOne(x){
        return x+1
    }
    function getCodeTwo(y){
        return y+1
    }
    //如果需要导出getCodeOne和getCodeTwo,那就必须用
    export { getCodeOne,getCodeTwo },对应的别处引用是import { getCodeOne,getCodeTwo } from "此处是文件地址"

    说白了,export与export default的区别就是:
    如果是单个导出,export与export default均可,如果是多个导出那就只能用export
    使用export导出需要{},与此相对使用import导入也需要{}
    使用export default 导出不需要{},与此相对使用import导入也不需要{}

    -------------------------------------------

    个性签名:独学而无友,则孤陋而寡闻。做一个灵魂有趣的人!

    如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,博主在此感谢!

    万水千山总是情,打赏一分行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主,哈哈哈(っ•̀ω•́)っ✎⁾⁾!

  • 相关阅读:
    BZOJ 2157: 旅游 (2017.7.21 6:30-2017.7.21 15:38 今日第一题。。)
    洛谷 P1021 邮票面值设计
    洛谷 P2912 [USACO08OCT]牧场散步Pasture Walking
    COGS 2111. [NOIP2015普及]扫雷游戏
    洛谷 P3038 [USACO11DEC]牧草种植Grass Planting
    COGS 1439. [NOIP2013]货车运输
    COGS 908. 校园网
    codevs 1422 河城荷取
    codevs 1183 泥泞的道路
    洛谷 P3390 【模板】矩阵快速幂
  • 原文地址:https://www.cnblogs.com/mahmud/p/11518659.html
Copyright © 2011-2022 走看看