3分钟带你搞懂es6import和export

Skura Skura     2022-09-15     375

关键词:

如下语句是 default import:

// B.js
import A from ‘./A‘

且只在A存在 default export 时生效:

// A.js
export default 42

这种情况下你用import语句, 随便取什么名字都没关系:

// B.js
import A from ‘./A‘
import MyA from ‘./A‘
import Something from ‘./A‘

因为他最终解析的是A.js 的 default export.


如下是命名为A的 import :

import { A } from ‘./A‘

它只在A.js存在 具名export 时起作用, 像这样:

// A.js
export const A = 42

这种情况下指定命名是有必要的, 因为你要从A.js的 export 里 import 即引入特定东西:

// B.js
import { A } from ‘./A‘
import { myA } from ‘./A‘ // 无效!
import { Something } from ‘./A‘ // 无效!

要使引入生效, 你需要添加对应的 具名export :

// A.js
export const A = 42
export const myA = 43
export const Something = 44

 


每个 module 只能有一个  default export, 但可以有任意多个 具名export, 也可以将它们放在一起引用:

// B.js
import A, { myA, Something } from ‘./A‘

可以看到这里我们引入了 default export 并命名为A, 引入 A.js 的 myA 和 Something 这两个具名export

// A.js
export default 42
export const myA = 43
export const Something = 44

import时我们还可以用 as 语句为他们起个别名:

// B.js
import X, { myA as myX, Something as XSomething } from ‘./A‘

 

三分钟带你搞懂spring解耦和ioc(代码片段)

前言回想写过的图书管理系统、租房系统、电影院卖票系统都是基于原生的JavaSE、OOP,没有用到任何框架,在层与层的关系中一个类要想获得与其他类的联系主要的方式还是靠new,这就导致层与层之间、对象与对象之... 查看详情

超专业解析!10分钟带你搞懂linux中直接i/o原理

导语 | 本文主要以一张图为基础,向大家介绍Linux在I/O上做了哪些事情,即Linux中直接I/O原理,希望本文的经验和思路能为读者提供一些帮助和思考。引言我们先看一张图:这张图大体上描述了Linux系统上,应... 查看详情

爆肝好文!带你搞懂hadoop序列化(代码片段)

Hadoop序列化1.序列化概述2.自定义bean对象3.序列化案例实操1.序列化概述1)什么是序列化序列化就是把内存中的对象,转换成字节序列(或其他数据传输协议)以便于存储到磁盘(持久化)和网络传输。反... 查看详情

一篇文章带你搞懂spring全家桶套餐

  spring全家桶里都有哪些食物  上期我们讲了spring和springmvc两个框架的基础知识和学习路线,而这期内容,我们将围绕着spring全家桶展开来讨论。  大家应该都知道,按照出现的顺序,spring全家桶大概包含了spring、springmvc... 查看详情

回炉重造带你搞懂什么是机器学习?(代码片段)

带你搞懂什么是机器学习?机器学习介绍什么是机器学习:机器学习应用案例:机器学习程序开发流程:1.获取数据:2.清洗数据:3.训练模型:4.测试模型:5.投入使用:开发环境:Scikit-Learn... 查看详情

回炉重造带你搞懂什么是机器学习?(代码片段)

带你搞懂什么是机器学习?机器学习介绍什么是机器学习:机器学习应用案例:机器学习程序开发流程:1.获取数据:2.清洗数据:3.训练模型:4.测试模型:5.投入使用:开发环境:Scikit-Learn... 查看详情

云原生一文带你搞懂docker容器的核心基石cgroups(代码片段)

目录大家好,本文是对Docker容器的核心基石Cgroups的详细讲解,讲解了Cgroups的相关概念、Cgroups的构成与作用、如何查看和使用Cgroups等,对大家后续理解容器有很大的帮助~1、为什么要了解Cgroups2、Cgroups简介3、什么是Cg... 查看详情

3分钟让你搞懂交换机接口数据处理过程

1、需求两台主机属于同一个网段,但是属于不同vlan,要求实现业务能够互访。2、网络拓扑图3、配置交换机SW1配置如下:vlan10interfacegi0/0/1portlinkaccessportdevlan10#连接SW2interfacegi0/0/2portlinkaccessportdevlan10#连接主机1交换机SW1配置如下... 查看详情

一篇文章带你搞懂慢sql以及优化的策略(代码片段)

文章目录一、什么是慢SQL?二、为什么要对慢SQL进行优化?三、数据库性能1.最大数据量2.最大并发数3.查询耗时0.5秒4.具体实施四、数据库表的设计1.数据类型2.避免空值3.text类型优化五、索引优化1.索引分类2.索引优化六... 查看详情

带你搞懂if__name__==‘__main__‘???(代码片段)

Python中if__name__=='__main__':的作用和原理前言1.__name__的理解1.1为什么使用__name__属性?1.2__name__属性2.模块导入3.`“__name__”与“__main__”`4.`if__name__=='__main__':&# 查看详情

一篇文章带你搞懂python中的继承和多态(代码片段)

一、继承的介绍继承是一种创建新的类的方式,新创建的叫子类,继承的叫父类、超类、基类。继承的特点就是子类可以使用父类的属性(特征、技能)。继承是类与类之间的关系。继承可以减少代码冗余、提高... 查看详情

一篇带你搞懂java集合(代码片段)

一、前言集合是java的基础。我们有了集合,在我们开发过程中,事半功倍。我们常用的集合有这几类:Array,Map,Set,Queue等,他们每一类在java迭代升级的过程中,也是有不同的升级优化。二、集... 查看详情

filecoin挖矿介绍带你搞懂什么是ipfs挖矿

IPFS挖矿,挖的是Filecoin代币。通过在IPFS贡献存储资源和带宽资源,获得FIL代币的过程。要了解Filecoin的挖矿原理,关键从IPFS网络中的节点行为入手,即“存储”和“检索”两种行为。01FIL挖矿概念了解  存储挖... 查看详情

别百度正则了,一篇正则详解带你搞懂正则(代码片段)

目录语法模式元字符列表:([\\^$|)]?*+.标记(flags)实例RegExp常用方法exec()和test()exec()test()元字符示例:捕获括号() 中括号[]大括号反斜杠\\  它叫啥^或| 问号?,星号*,加号+小数点.常用正则语法模... 查看详情

微信小程序一文带你搞懂小程序的页面配置和网络数据请求(代码片段)

文章目录页面配置页面配置文件的作用页面配置和全局配置的关系页面配置网络数据请求网络数据请求的限制配置request合法域名发起get/post请求在页面刚加载时请求数据跳过request合法域名校验关于跨域和ajax请求页面配置每个小... 查看详情

300行代码带你搞懂java多线程!

作者:永远在路上https://blog.csdn.net/weixin_44104367/article/details/104481510线程线程的概念,百度是这样解释的:线程(英语:Thread)是操作系统能够进行运算调度的最小单位。它被包含在进程之中,是进程中的实际运作单位。一条线程... 查看详情

一篇文章带你搞懂python中的类(代码片段)

前言今天我们要说的是面向对象的核心-----类,类能帮我们把复杂的事情变得有条理,有顺序,希望大家通过学习类能改善自己的编码风格,使代码变得更为好看,更加通俗易懂。 1.类的用法一、什么是类类&#... 查看详情

一文带你搞懂内存泄漏!!!(代码片段)

好文推荐:作者:codelang检测内存是否泄漏非常简单,只要在任意位置调用Debug.dumpHprofData(file)即可,通过拿到hprof文件进行分析就可以知道哪里产生了泄漏,但dump的过程会suspend所有的java线程,导致用户界... 查看详情