资讯专栏INFORMATION COLUMN

JavaScript 中的 import

keelii / 2175人阅读

摘要:请注意,在模块中使用声明的模块不必命名。只使用声明的模块必须命名,否则无法访问可以使用作为命名空间,以的方式,访问模块中所有以声明的内容。这两种组合出现的数量不限。执行模块的全局代码,不导入任何内容。

参考资料:https://developer.mozilla.org...

1
import defaultExport from "module-name";

模块module-name必须使用export default声明一个变量、函数或者类(合称为“内容”,下同)。

可以使用defaultExport直接访问模块module-name中以export default声明的内容。

请注意,在模块module-name中:

使用export default声明的模块不必命名。

只使用export声明的模块必须命名,否则无法访问!

2
import * as name from "module-name";

可以使用name作为命名空间,以name.somethingExport的方式,访问模块module-name中所有以export声明的内容。

3
import { export } from "module-name";

可以使用export访问模块module-name中以export声明的内容export

4
import { export as alias } from "module-name";

可以使用alias访问模块module-name中以export声明的内容export

5
import { export1 , export2 } from "module-name";

可以使用export1export2访问模块module-name中以export声明的内容export1和内容export2

6
import { export1 , export2 as alias2 , [...] } from "module-name";

可以使用export1alias2访问模块module-name中以export声明的内容export1和内容export2

这两种组合出现的数量不限。

7
import defaultExport, { export [ , [...] ] } from "module-name";

上述 #1 和 #6 的组合。

8
import defaultExport, * as name from "module-name";

上述 #1 和 #2 的组合。

9
import "module-name";

执行模块module-name的全局代码,不导入任何内容。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/94690.html

相关文章

  • 学习React之前你需要知道的的JavaScript基础知识

    摘要:和类在开始时遇到类组件,只是需要有关类的基础。毕竟,中的条件呈现仅再次显示大多数是而不是特定的任何内容。 在我的研讨会期间,更多的材料是关于JavaScript而不是React。其中大部分归结为JavaScript ES6以及功能和语法,但也包括三元运算符,语言中的简写版本,此对象,JavaScript内置函数(map,reduce,filter)或更常识性的概念,如:可组合性,可重用...

    bitkylin 评论0 收藏0
  • CSS和网络性能

    摘要:对于性能来说真的非常糟糕。的推出使网页性能提高了大约,所有这些都不需要开发人员参与。这意味着和中的存在错误。将放在中这个最终策略是一个相对较新的策略,对感知性能和渐进式渲染有很大好处。 CSS对于呈现页面至关重要 - 在找到,下载和解析所有CSS之前,浏览器不会开始呈现 - 因此我们必须尽可能快地将其加载到用户的设备上。 关键路径上的任何延迟都会影响我们的开始渲染并让用户看到空白屏幕。...

    chanthuang 评论0 收藏0
  • CSS和网络性能

    摘要:对于性能来说真的非常糟糕。的推出使网页性能提高了大约,所有这些都不需要开发人员参与。这意味着和中的存在错误。将放在中这个最终策略是一个相对较新的策略,对感知性能和渐进式渲染有很大好处。 CSS对于呈现页面至关重要 - 在找到,下载和解析所有CSS之前,浏览器不会开始呈现 - 因此我们必须尽可能快地将其加载到用户的设备上。 关键路径上的任何延迟都会影响我们的开始渲染并让用户看到空白屏幕。...

    techstay 评论0 收藏0
  • javascript中为什么我们不能直接使用export?

    摘要:我们可以认为,宏任务中还有微任务这里不再多做解释可能会执行的代码包括脚本模块和函数体。声明声明永远作用于脚本模块和函数体这个级别,在预处理阶段,不关心赋值的部分,只管在当前作用域声明这个变量。 相信很多人最开始时都有过这样的疑问假如我的项目目录下有一个 index.html, index.js 于是我像这样写 在浏览器之间打开index.html,发现showImg(https://...

    URLOS 评论0 收藏0
  • TypeScript 中的多种 import 解义

    摘要:中有多种的方式,而中针对这种情况做了多种语法,最常见的就是这种。这篇文章主要来讲解中不同的具有什么意义。因为中的模块大部分都是通过语法进行导出的。从而达到针对的兼容。个人建议将重命名。 JavaScript 中有多种 export 的方式,而 TypeScript 中针对这种情况做了多种 import 语法,最常见的就是 import * as path from path 这种。这篇...

    chanthuang 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<