ES6 module语法加载 import export


本文摘自PHP中文网,作者php中世界最好的语言,侵删。

这次给大家带来ES6 module语法加载 import exportES6 module语法加载 import export的注意事项有哪些,下面就是实战案例,一起来看一下。

export:暴露,就是把接口暴露出去

import:引入,跟字面意思一样,引入接口

1

2

3

export {}

export function demo(){}

export var demo1;

这上面的两个export可以简写为

1

2

3

4

function demo(){}

var demo1;

export {demo, demo1}

import {}

相应的当然有import了

import {demo,demo1} from ..path

当然也可以写另外一种写法 import * as name from ..path 然后引用的时候就是name.demo()这样子了

export default

还有就是export default

这个一个文件只能使用一次export default

export default function demo(){}

然后 import的时候

import default

import name(这个名字就是自己随意起的了) from ..path

看到没 这个没有大括号

但是

正是因为export default命令其实只是输出一个叫做default的变量,所以它后面不能跟变量声明语句。

所以 export default var a=1这样写会报错!!!!!

var a=1;

export defatult a ;

这样也是可以的

export * from 某一模块

这个export*会忽略掉模块的export default的输出的这个接口

那这样说的话 import * from 某一模块 是不是也import不到模块定义的export default接口

相信看了这些案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

相关阅读:

在HTML中如何让版权符号更美观

html两秒跳转至其他页面

在HTML中关于元素居中有哪些需要注意的事项

以上就是ES6 module语法加载 import export的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

深入分析javascript的module模式编程

浅谈node.js中es6导入语法的使用方法

css中import与link的区别是什么

原来es6 module还可以这样用!(备忘单)

es6 module语法加载 import export

vue项目通过import引入外部css报错怎么办

css中link和import的区别是什么

javascript也用import吗

css link与import的区别是什么

css中@import是什么意思?

更多相关阅读请进入《module》频道 >>




JavaScript 从入门到项目实践
书籍

JavaScript 从入门到项目实践

清华大学出版社

本书采取“基础知识→核心应用→核心技术→高级应用→行业应用→项目实践”的结构和“由浅入深,由深到精”的学习模式进行讲解。全书共35章,不仅介绍了HTML、CSS、对象、函数、事件等JavaScript语言的基础知识,而且深入介绍了jQuery、客户端、服务器端、数据存储等核心技术。



打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...