脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → node.js → export default export 使用

export default 和 export 的使用方式示例详解

 更新时间：2022年08月30日 10:58:27   作者：sleepwalker_1992  
这篇文章主要介绍了export default 和 export 的使用方式,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下

node中导入模块：var 名称 = require('模块标识符')

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

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

ES6中导入模块，使用 import 模块名称 from '模块标识符'    import '表示路径'

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

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

例如：

// test.js
export default {
    name: 'zs',
    age: 20
}

或是

// test.js
var info = {
    name: 'zs',
    age: 20
}
export default info

在main.js中接收，test.js使用export default 向外暴露的成员

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: 'zs',
    age: 20
}
export default info
 
export var title = '小星星'
 
export var content = '哈哈哈'

在main.js中接收，test.js使用export default 和 export 向外暴露的成员

import person, {title, content as content1} from './test.js'
console.log(person);
console.log(title + '=======' + content1);

到此这篇关于export default 和 export 的使用方式的文章就介绍到这了,更多相关export default export 使用内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • nestjs中异常过滤器Exceptionfilter的具体使用

    nestjs中异常过滤器Exceptionfilter的具体使用

    这篇文章主要介绍了nestjs中异常过滤器Exceptionfilter的具体使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2021-02-02
  • nodejs简单实现操作arduino

    nodejs简单实现操作arduino

    本文给大家分享的是使用nodejs来驱动arduino,主要是基于cylonjs 和 gort，有需要的小伙伴可以参考下
    2016-09-09
  • 浅析node.js中close事件

    浅析node.js中close事件

    本文简单介绍了http.ServerRespose对象的close事件，并给出了相关实例，推荐给需要的小伙伴参考下吧。
    2014-11-11
  • NodeJS创建基础应用并应用模板引擎

    NodeJS创建基础应用并应用模板引擎

    这篇文章主要介绍了NodeJS创建基础应用并应用模板引擎的相关资料,需要的朋友可以参考下
    2016-04-04
  • node NPM库string-random生成随机字符串学习使用

    node NPM库string-random生成随机字符串学习使用

    这篇文章主要为大家介绍了node NPM库string-random生成随机字符串学习使用，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-07-07
  • npm安装依赖报错ERESOLVE unable to resolve dependency tree的解决方法

    npm安装依赖报错ERESOLVE unable to resolve dependency tree的解决方

    当我们拿到一个前端项目的时候,想要把它运行起来,首先是要给它安装依赖,下面这篇文章主要给大家介绍了关于npm安装依赖报错ERESOLVE unable to resolve dependency tree的解决方法,需要的朋友可以参考下
    2023-04-04
  • 详解nodejs微信公众号开发——3.封装消息响应模块

    详解nodejs微信公众号开发——3.封装消息响应模块

    上一篇文章：nodejs微信公众号开发(2)自动回复，实现了简单的关注回复。采用拼接字符串的形式，并不是很方便，这里我们将其封装承接口。
    2017-04-04
  • nvm管理node无法正常切换node版本问题的解决方法

    nvm管理node无法正常切换node版本问题的解决方法

    相信一定会有存在一些小伙伴 明明都已经按着操作卸载node 和安装nvm 了但是 依旧无法正常通过nvm管理node,本文将给大家介绍nvm管理node无法正常切换node版本问题的解决方法,需要的朋友可以参考下
    2024-01-01
  • Electron架构深入探究

    Electron架构深入探究

    这篇文章主要为大家介绍了Electron架构深入探究，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-02-02
  • NodeJs 实现简单WebSocket即时通讯的示例代码

    NodeJs 实现简单WebSocket即时通讯的示例代码

    这篇文章主要介绍了NodeJs 实现简单WebSocket即时通讯的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2019-08-08

最新评论