export的几种用法

Posted jyughynj

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了export的几种用法相关的知识,希望对你有一定的参考价值。

记录一下export的几种写法。

0.入口文件为index.js,引用add-content.js的内容

1.  export default 方式,直接导出变量

add-content.js的内容如下

1 function write() {
2   document.write(‘Hello World‘)
3 }
4 
5 var app = {}
6 app.write = write
7 
8 export default app;

index.js引用要这样写

1 import app from ‘./add-content‘
2 app.write()

2.  export  { } 方式,适合同时导出多个变量

add-content.js的内容如下

 1 function write() {
 2   document.write(‘Hello World‘)
 3 }
 4 
 5 var app = {}
 6 app.write = write
 7 
 8 export {
 9   app
10 }

index.js引用要加上引号,如下

1 import { app } from ‘./add-content‘
2 app.write();

3. export与变量声明的简写方式

add-content.js的内容如下

1 function write() {
2   document.write(‘Hello World‘)
3 }
4 
5 export var app = {
6   write: write
7 }

index.js引用要加上引号,如下

1 import { app } from ‘./add-content‘
2 app.write();

备忘~

 

以上是关于export的几种用法的主要内容,如果未能解决你的问题,请参考以下文章

es6 import的几种情况总结

C++学习(四五七)查看dll的几种方式

Linux中export导入环境变量的几种方式

一张图,理顺 Spring Boot应用在启动阶段执行代码的几种方式

一张图,理顺 Spring Boot应用在启动阶段执行代码的几种方式

一张图,理顺 Spring Boot应用在启动阶段执行代码的几种方式