export default 和 export 的使用方式

16 篇文章 0 订阅
7 篇文章 0 订阅
  • 在 ES6 中 通过规范的形式,有 导入 和 导出 模块
    在 ES6 中导入模块:使用 import 模块名称 from "模块标识符"import "表示路径"

  • 在 ES6 中向外暴露成员:使用 export defaultexport

  • 在 Node 中,使用 var 名称 = require("模块标识符") 导入

  • 使用 module.export = {}exports 来暴露成员


在 ES6 中使用 export default 和 export 向外暴露成员和 ES6 接受导入

在根目录下创建一个 test.js 文件。

export default 暴露成员方法一:

export default {
	name:'小明',
	age:18
}

export default 暴露成员方法二:

var info = {
	name:'小红',
	age:18
}
export default info

在 入口文件 main.js 中接受导入。
导入 接受

import m1 from './test.js' 

console.log(m1)

  1. 注意:export default 向外暴露的成员,可以使用任意的变量来接受
  2. 注意:在一个模块中,export default 只允许向外暴露1次
  3. 注意:在一个模块中,可以 同时 使用export default 和 export 向外暴露成员

export 暴露成员

export var content = "export暴露成员"
export var title = "哈哈哈哈"

导入接受成员

import m1,{content,title} './test.js'; //同时接受 export default 和 export 暴露成员 

import {content} from './test.js'; //接受单个成员

import {content,title} './test.js';  //接受多个成员

console.log(content +'----'+ title);

  1. 注意:使用 export 向外暴露的成员,只能使用 {} 的形式来接受,这种形式叫做【按需导出】
  2. 注意:export 可以向外暴露多个成员,同时,如果某些成员,我们在 import 的时候,不需要,则可以 不在 {} 中定义
  3. 注意:使用 export 导出的成员,必须严格按照 导出时候的名称,使用 {} 来导入接受
  4. 注意:使用 export 导出的成员,如果就想换个名称导入接受,可以使用 as 起别名

使用as 起别名导入,例如:

import m1,{title as mytitle,content} from './test.js'

console.log(mytitle +'----'+ content);
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值