ES6 - 引用模块 import 后面加上花括号 { } 和不加花括号的区别

简介: ES6 - 引用模块 import 后面加上花括号 { } 和不加花括号的区别

1、import不使用花括号

不使用{}来引用模块的情况下,import模块时的命名是随意的,即如下三种引用命名都是正确的;

它总是会解析到A.js中默认的export default。

// A.js
export default 42
export const A = 52
// B.js,B.js 引用 A.js
import A from './A'
import MyA from './A'
import Something from './A'

2、import 使用花括号 { }

下面代码生效的前提是,只有在模块 A.js 中有命名导出为 A 的 export name 的代码。

// B.js
import { A } from './A'             // 正确,因为A.js中有命名为A的export
import { myA } from './A'           // 错误!因为A.js中没有命名为myA的export
import { Something } from './A'     // 错误!因为A.js中没有命名为Something的export
目录
相关文章
|
Dart 数据安全/隐私保护 Swift
iOS代码混淆工具推荐:IPA Guard详细介绍
iOS代码混淆工具推荐:IPA Guard详细介绍
517 0
|
XML 域名解析 JSON
【RESTful】RESTful API 接口设计规范 | 示例
【RESTful】RESTful API 接口设计规范 | 示例
11966 0
【RESTful】RESTful API 接口设计规范 | 示例
|
JavaScript 前端开发
Element-ui 中表单(Form)验证数字值范围(大小)
Element-ui 中表单(Form)验证数字值范围(大小)
2533 0
Element-ui 中表单(Form)验证数字值范围(大小)
|
开发工具 git
iterm2 oh-my-zsh 自动提示命令
iterm2 oh-my-zsh 自动提示命令
iterm2 oh-my-zsh 自动提示命令
|
JavaScript 测试技术 API
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
如何从 Vue 2 无痛升级到 Vue 3,一文搞定!
|
监控 Java API
Android经典实战之OkDownload:一个经典强大的文件下载开源库,支持断点续传
本文介绍的 OkDownload 是一个专为 Android 设计的开源下载框架,支持多线程下载、断点续传和任务队列管理等功能,具备可靠性、灵活性和高性能特点。它提供了多种配置选项和监听器,便于开发者集成和扩展。尽管已多年未更新,但依然适用于大多数文件下载需求。
924 1
|
存储 缓存 JSON
详解HTTP四种请求:POST、GET、DELETE、PUT
【4月更文挑战第3天】
64643 3
详解HTTP四种请求:POST、GET、DELETE、PUT
|
前端开发 JavaScript
|
前端开发 容器
如何利用CSS实现三角形、扇形、聊天气泡框
如何利用CSS实现三角形、扇形、聊天气泡框
434 0
|
存储 缓存 JavaScript
一文梳理Vue3核心原理
一文梳理Vue3核心原理 前言 本篇文章更多是以梳理的视角进行讲述,将各个原理细节串在一起,方便查漏补缺,而非为了讲懂某个原理,当然也会大致讲解。所以如果某个原理不太清楚,请自行查阅其他文章,我也会尽量给出相关的阅读推荐。 ==本文阅读需要你有一定的vue应用程序开发经验并了解一些原理== 接下来先废话一下,关注知识点的可以直接跳过前言部分 首先,我们先回到最初的起点是为什么要使用Vue框架,它为我们做了什么工作: 能开发出一个应用? 性能好、构建产物轻量? 对用户友好,声明式代码心智负担小? 可组件化开发? 社区活跃,生态丰富? ...
1905 1