es6 export 和export default的区别

怼烎@ 2022-01-12 02:19 374阅读 0赞

转：[https://www.jianshu.com/p/c6fa63c746d2][https_www.jianshu.com_p_c6fa63c746d2]

## 区别 ##

export

*  每个文件中可使用多次export命令
 *  import时需要知道所加载的变量名或函数名
 *  import时需要使用\{\}，或者整体加载方法

<table> 
 <thead> 
  <tr> 
   <th>export</th> 
   <th>export default</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>每个文件中可使用多次export命令</td> 
   <td>每个文件中只能使用一次export default命令</td> 
  </tr> 
  <tr> 
   <td>import时需要知道所加载的变量名或函数名</td> 
   <td>import时可指定任意名字</td> 
  </tr> 
 </tbody> 
</table>

## export用法 ##

a-1.js

export const name = 'tom'
    export function say() {
      console.log(name)
    }

a-2.js

import {name, say} from './a-1.js'
    
    // 打印name
    console.log(name)
    // 调用say
    say()

## export default 用法 ##

b-1.js

let obj = {
      name: 'tom',
      say() {
      console.log(this.name)
    }
    }
    export default obj

b-2.js

import person from './b-1.js'
    // 打印name
    console.log(person.name)
    // 调用say
    person.say()

[https_www.jianshu.com_p_c6fa63c746d2]: https://www.jianshu.com/p/c6fa63c746d2

发表评论取消回复

表情：

评论列表（有 0 条评论，374人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS ES6 中export 和 export default 的区别

[JS ES6 中export 和 export default 的区别][JS ES6 _export _ export default] `export`命令用于规定

﹏ヽ暗。殇╰゛Y/ 2023年10月02日 17:28/ 0 赞/ 3 阅读

相关 export和export default的区别？

使用上的不同 export default xxx import xxx from './' export xxx impo

女爷i/ 2022年12月30日 12:00/ 0 赞/ 179 阅读

相关 export和export default的区别

1.export的使用 1.直接输出 export let words = 'hello world!!!' export fu

爱被打了一巴掌/ 2022年11月26日 10:57/ 0 赞/ 240 阅读

相关 JavaScript ES6中export及export default的区别

本文原创地址链接：[http://blog.csdn.net/zhou\_xiao\_cheng/article/details/52759632][http_blog.csd

深碍√TFBOYSˉ_/ 2022年07月16日 06:09/ 0 赞/ 195 阅读

相关 ES6中export及export default、import的区别

相信很多人都使用过export、export default、import，然而它们到底有什么区别呢？在[JavaScript][] ES6中，export与expor

深碍√TFBOYSˉ_/ 2022年07月03日 23:52/ 0 赞/ 246 阅读

相关 export default 和 export 区别

export default 和 export 区别： 1.export与export default均可用于导出常量、函数、文件、模块等 2.你可以在其它文件或模块

红太狼/ 2022年06月10日 05:59/ 0 赞/ 323 阅读

相关 JavaScript ES6中export及export default的区别

相信很多人都使用过export、export default、import，然而它们到底有什么区别呢？在JavaScript ES6中，export与export def

叁歲伎倆/ 2022年05月10日 12:12/ 0 赞/ 201 阅读

相关 ES6 -- Node.js的 exports、module.exports 和 export、export default到底有什么区别

在写代码的时候,总是被各式各样的模块规范所迷惑,来看看这些方式有什么区别吧 > require: node 和 es6 都支持的引入 > export / import

迈不过友情╰/ 2022年01月27日 03:34/ 0 赞/ 321 阅读

相关 es6 export 和export default的区别

转：[https://www.jianshu.com/p/c6fa63c746d2][https_www.jianshu.com_p_c6fa63c746d2] 区别

怼烎@/ 2022年01月12日 02:19/ 0 赞/ 375 阅读

相关 ES6 - export default、export 命令

export default 在vue中，export default\{\}这是在复用组件的时候用到的。假设我们写了一个单页面组件 `A 文件`，而

谁借莪１个温暖的怀抱￠/ 2021年07月26日 14:11/ 0 赞/ 463 阅读