export default 和 export 的使用方式

226 篇文章 1 订阅
208 篇文章 4 订阅
  1. node中

在node中导入模块:var 名称 = require(‘模块标识符’)

node中向外暴露成员的形式:module.exports = { }

  1. ES6中

也通过规范的形式,规定了ES6中如何导入和导出模块

ES6中导入模块,使用 import 模块名称 from ‘模块标识符’ import ‘表示路径’

import *** from *** 是ES6中导入模块的方式

在ES6中,使用export default 和 export 向外暴露成员

test.js使用export default 向外暴露的成员

// test.js
export default {
    name: 'dongyu',
    age: 18
}
或者

// test.js
var info = {
    name: 'dongyu',
    age: 18
}

export default info

在这里插入图片描述

在这里插入图片描述
在main.js中通过import接收,

import person from './test.js'
console.log(person)

注意:

1、export default 向外暴露的成员,可以使用任意变量来接收(如上面)

2、在一个模块中,export default 只允许向外暴露一次
注:在导入时,不需要使用大括号 {},因为默认导出只能有一个,而且它没有指定名称。

3、在一个模块中,可以同时使用export default 和export 向外暴露成员

4、使用export向外暴露的成员,只能使用{ }的形式来接收,这种形式,叫做【按需导出】

5、export可以向外暴露多个成员,同时,如果某些成员,在import导入时,不需要的话,可以不在{ }中定义

6、使用export导出的成员,必须严格按照导出时候的名称,来使用{ }按需接收

7、使用export导出的成员,如果想换个变量名称接收,可以使用as来起别名

例如:


// test.js
var info = {
    name: 'name',
    age: 18
}
export default info
 
export var name= '周冬雨'
 
export var age = 18

在main.js中进行接受:

import person, {name, age as nianling} from './test.js'
console.log(person);
console.log(name+ '=======' + nianling);

在这里插入图片描述

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
exportexport default都是用于导出模块的关键字。 export关键字用于导出模块中的变量、函数或类。通过使用export,我们可以将指定的标识符(例如变量、函数或类)公开给其他模块使用。我们可以使用命名导出(使用花括号包裹导出的标识符)或者默认导出(不使用花括号)的方式来导出模块中的内容。 export default关键字用于导出模块的默认内容。默认导出允许我们在导入模块时不需要使用花括号来指定导出的标识符。一个模块只能有一个默认导出。 总结来说,export关键字用于导出模块中的多个标识符,而export default关键字用于导出模块的默认内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [export defaultexport之间的区别](https://blog.csdn.net/sunyctf/article/details/127675000)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [exportexport default的区别](https://blog.csdn.net/weixin_43850458/article/details/128775545)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值