|
开发以及面试中，总是会遇到有关模块化相关的问题，始终不是很明白，不得要领，例如以下问题，回答起来也是模棱两可，希望通过这篇文章，能够让大家了解十之一二，首先抛出问题：
-
导出模块时使用
module.exports/exports 或者 export/export default ;
-
有时加载一个模块会使用
require 奇怪的是也可以使用 import ？？它们之间有何区别呢？
于是有了菜鸟解惑的搜喽过程。。。。。。
模块化规范：即为 JavaScript 提供一种模块编写、模块依赖和模块运行的方案。
Script 标签
其实最原始的 JavaScript 文件加载方式，就是Script 标签，如果把每一个文件看做是一个模块，那么他们的接口通常是暴露在全局作用域下，也就是定义在 window 对象中，不同模块的接口调用都是一个作用域中，一些复杂的框架，会使用命名空间的概念来组织这些模块的接口。
缺点：
-
污染全局作用域
-
开发人员必须主观解决模块和代码库的依赖关系
-
文件只能按照script标签的书写顺序进行加载
-
在大型项目中各种资源难以管理，长期积累的问题导致代码库混乱不堪
默认情况下，浏览器是同步加载 JavaScript 脚本，即渲染引擎遇到 <script> 标签就会停下来，等到执行完脚本，再继续向下渲染。如果是外部脚本，还必须加入脚本下载的时间。
如果脚本体积很大，下载和执行的时间就会很长，因此造成浏览器堵塞，用户会感觉到浏览器“卡死”了，没有任何响应。这显然是很不好的体验，所以浏览器 允
（编辑：泉州站长网）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
|
