Js忍者秘籍-代码模块化

1.模块化的好处

小的、组织良好的代码远比庞大的代码更容易理解和维护。优化程序结构和组织方式的一种方式是将代码拆分成小的、松散的片段或模块。

2.ES6之前的实现

2.1 模块模式

在E6之前，没有内置的模块，开发者们不得不创造性地发挥JS现有的特性，最流行的方式之一是通过立即执行函数的闭包实现模块。

使用立即执行函数创建定义模块变量的闭包，从外部作用域无法访问这些变量。
使用闭包可以使模块变量保持活跃。
最流行的是模块模式，通常采用立即执行函数，并返回一个新对象作为模块的公共接口。

2.2 AMD

提供define函数定义模块，可定义依赖和工厂函数(初始化)
- 在浏览器端使用
可以自动解决依赖，无需考虑引用顺序
异步加载、避免阻塞
同一个文件定义多个模块

2.3 commonJS

语法简单，模块只需定义module.export属性，引用也只需require函数
是Node.js的默认模块模式，在服务端流行
可以同步加载
一个文件为一个模块

3.ES6实现

ES6结合了AMD和commonJS的特点，语法如commonJS简单，并提供AMD类似的异步加载机制。

ES6模块基于文件，一个文件为一个模块
通过关键字export导出标识符
在其他模块通过import引入标识符
模块可以使用默认导出，使用export default导出整个模块
export与import都可以通过关键字as使用别名

Js忍者秘籍-代码模块化相关推荐

js忍者秘籍读书笔记（前四章）
js忍者秘籍读书记录(第2版) 以下文章都是从书中所得,自己记录了一些本人认为比较重要的东西,方便日后查找记录原因之前大概花了一个月时间看完了这本书,但是中间因为一些原因,大概中断了10天左右,后 ...
JS忍者秘籍读书笔记（已完结）
1.函数也可以添加属性利用计算素数的例子来说明:可以通过函数的属性来缓存结果,提升性能. 这里是函数的属性,用this的话会绑定到window上,函数创建默认this为window function ...
javascript忍者秘籍（第二版）翻译学习第一章 JavaScript无处不在
前言废话(立flag) <javascript忍者秘籍第二版>这本书据说是JQUERY之父写的,emmm,肯定值得我这种菜狗来学习膜拜,所以打算花时间来把这本书通读记录一便,因为是看的英文 ...
《JavaScript忍者秘籍》——1.3　跨浏览器注意事项
本节书摘来自异步社区<JavaScript忍者秘籍>一书中的第1章,第1.3节,作者:[美]John Resig(莱西格) , Bear Bibeault(贝比奥特) 译者: 徐涛更多章 ...
基于Vue.js的企业级前端代码架构设计设想
在前端架构设计这块也已经工作了一段时间,也翻遍了很多书籍,但是就目前来说笔者还是没有看过真正把前端架构讲好的书,加上现在前端技术的发展诞生了许多新的框架,如:vue.react.angular,这也越 ...
修改js文件需要重启服务器,关于Node.js中频繁修改代码重启服务器的问题
我们可以使用一个第三方命名行工具,nodemon 来帮我们解决频繁修改代码重启服务器问题. nodemon 是一个基于 Node.jsNode.js 开发的第三方命令行工具,我们使用的时候需要独立安装 ...
js php滚动图代码,JavaScript_JS实现的N多简单无缝滚动代码(包含图文效果)，本文实例讲述了JS实现的N多简 - phpStudy...
JS实现的N多简单无缝滚动代码(包含图文效果) 本文实例讲述了JS实现的N多简单无缝滚动代码.分享给大家供大家参考,具体如下: 实现原理很简单,注册事件之后,立即将元素的innerHTML累加一次. ...
Js弹性漂浮广告代码
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...
seo黑帽劫持用的php,黑帽seo 论坛:黑帽seo防止网站被k的js劫持跳转代码
由于目前百度搜索百度搜索引擎对于js代码还没有办法完全辨别,因此也就出现了运用js代码跳转的黑帽优化提升手法.现如今在网络上有关js跳转代码不计其数,但是作为黑帽优化提升的seo手法之一,如何确保有效 ...

Js忍者秘籍-代码模块化

1.模块化的好处

2.ES6之前的实现

2.1 模块模式

2.2 AMD

2.3 commonJS

3.ES6实现

Js忍者秘籍-代码模块化相关推荐

最新文章

热门文章