位置: 编程技术 - 正文

Javascript模块化编程(一)AMD规范(规范使用模块)(js模块化开发教程)

编辑:rootadmin
这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。 (接上文) 七、模块的规范 先想一想,为什么模块很重要? 因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。 但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!考虑到Javascript模块现在还没有官方规范,这一点就更重要了。目前,通行的Javascript模块规范共有两种:CommonJS和AMD。我主要介绍AMD,但是要先从CommonJS讲起。 八、CommonJS 年,美国程序员Ryan Dahl创造了node.js项目,将javascript语言用于服务器端编程。 这标志"Javascript模块化编程"正式诞生。因为老实说,在浏览器环境下,没有模块也不是特别大的问题,毕竟网页程序的复杂性有限;但是在服务器端,一定要有模块,与操作系统和其他应用程序互动,否则根本没法编程。node.js的模块系统,就是参照CommonJS规范实现的。在CommonJS中,有一个全局性方法require(),用于加载模块。假定有一个数学模块math.js,就可以像下面这样加载。 然后,就可以调用模块提供的方法: 因为这个系列主要针对浏览器编程,不涉及node.js,所以对CommonJS就不多做介绍了。我们在这里只要知道,require()用于加载模块就行了。 九、浏览器环境 有了服务器端模块以后,很自然地,大家就想要客户端模块。而且最好两者能够兼容,一个模块不用修改,在服务器和浏览器都可以运行。但是,由于一个重大的局限,使得CommonJS规范不适用于浏览器环境。还是上一节的代码,如果在浏览器中运行,会有一个很大的问题,你能看出来吗? 第二行math.add(2, 3),在第一行require('math')之后运行,因此必须等math.js加载完成。也就是说,如果加载时间很长,整个应用就会停在那里等。这对服务器端不是一个问题,因为所有的模块都存放在本地硬盘,可以同步加载完成,等待时间就是硬盘的读取时间。但是,对于浏览器,这却是一个大问题,因为模块都放在服务器端,等待时间取决于网速的快慢,可能要等很长时间,浏览器处于"假死"状态。因此,浏览器端的模块,不能采用"同步加载"(synchronous),只能采用"异步加载"(asynchronous)。这就是AMD规范诞生的背景。 十、AMD AMD是"Asynchronous Module Definition"的缩写,意思就是"异步模块定义"。它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。AMD也采用require()语句加载模块,但是不同于CommonJS,它要求两个参数: 第一个参数[module],是一个数组,里面的成员就是要加载的模块;第二个参数callback,则是加载成功之后的回调函数。如果将前面的代码改写成AMD形式,就是下面这样: math.add()与math模块加载不是同步的,浏览器不会发生假死。所以很显然,AMD比较适合浏览器环境。 目前,主要有两个Javascript库实现了AMD规范:require.js和curl.js。本系列的第三部分,将通过介绍require.js,进一步讲解AMD的用法,以及如何将模块化编程投入实战。 (完)

推荐整理分享Javascript模块化编程(一)AMD规范(规范使用模块)(js模块化开发教程),希望有所帮助,仅作参考,欢迎阅读内容。

Javascript模块化编程(一)AMD规范(规范使用模块)(js模块化开发教程)

文章相关热门搜索词:javascript 模块化,javascript模块化与非模块化开发区别,js模块化开发教程,js模块化的原理及过程,javascript模块化规范有哪些,js的模块化可以怎么做,javascript模块化与非模块化开发区别,javascript模块化与非模块化开发区别,内容如对您有帮助,希望把文章链接给更多的朋友!

Javascript模块化编程(三)require.js的用法及功能介绍 这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什

JS键盘的键码(event.keyCode)图片版 图片版:点击看大图网上收集的KeyCode值方便大家查找:keycode8=BackSpaceBackSpacekeycode9=TabTabkeycode=Clearkeycode=Enterkeycode=Shift_Lkeycode=Control_Lkeycode=Alt_Lkeyc

THREE.JS入门教程(1)THREE.JS使用前了解 Three.js是一个伟大的开源WebGL库,WebGL允许JavaScript操作GPU,在浏览器端实现真正意义的3D。但是目前这项技术还处在发展阶段,资料极为匮乏,爱好者学

标签: js模块化开发教程

本文链接地址:https://www.jiuchutong.com/biancheng/379136.html 转载请保留说明!

上一篇:Javascript模块化编程(一)模块的写法最佳实践(js模块化和组件化)

下一篇:Javascript模块化编程(三)require.js的用法及功能介绍(js的模块化可以怎么做)

  • 查账征收纳税申报表
  • 出口免税收入的计税依据
  • 应纳税所得额怎么计算应纳税额
  • 采用现金支付
  • 外币报表折算差额是一种未实现的汇兑损益
  • 小规模纳税人开票税率
  • 一般纳税人混凝土税率
  • 不能收回的应收票据
  • 应付职工薪酬月末怎么结转
  • 合伙企业对外长期股权投资收到分红 怎么处理
  • 同一控制下的企业合并的会计核算方法
  • 注册资本余额为100万亿元
  • 分批收款收据怎么写
  • 预收账款确认收入摘要怎么写
  • 印刷品生产需要生产许可证吗?
  • 资产拍卖税费谁承担
  • 股权转让时其他股东不配合怎么转让
  • 差额征税进项如何抵扣
  • 增值税减免税款科目怎么结转
  • 个税申报状态失败
  • 对方开具红字发票过来怎么做进项税转出
  • 个人承包集体企业违法吗
  • 纳税人购买税控设备抵扣问题
  • 材料采购费用的是
  • 公司账外废品收入怎么算
  • 差旅费的会计处理
  • 购买办公用品是否缴纳印花税
  • 前端vue实现预览excel
  • vue3中使用require
  • 发票金额与银行付款金额少几分钱
  • 二手固定资产怎么折旧
  • 股权激励费用摊销计算
  • php的session和cookie实现登录
  • 银行存款转定期申请
  • 银行存款也有窍门
  • web后端开发是什么意思
  • 逆算法怎么算
  • idea2021版本创建项目
  • 35.JavaScript对象和数组的解构赋值基础详解、let陷阱、函数参数解构
  • php原生导出excel表单元格格式
  • 小规模纳税人开专票需要交税吗
  • 加权平均资本结构
  • okhttp源码解读
  • sqlsever无法连接到服务器
  • 微众银行的企业贷款好批吗
  • 外贸da付款方式的流程图
  • 工会经费上缴流程
  • 小企业长期债券投资交易费用
  • 增值税发票上注明的价款包含增值税吗
  • 银行存款会计分录需要输入哪些内容
  • 代收会计分录
  • 涉外收入申报单怎么填
  • 当月已付款, 没收到发票怎么做账
  • 用友t3计提折旧了没有生成凭证
  • 环境检测费属于什么费用
  • 一件产品在不同场合的价格
  • 公司转账给其他公司账户
  • 所有者权益增加额怎么计算
  • MySql Error 1698(28000)问题的解决方法
  • window9为什么没有
  • redhat常用命令总结
  • win8怎么设置开机启动项
  • explorer.exe中文叫什么
  • macappstore下载软件一直要密码
  • win7共享设置(详细图文步骤)
  • linux本地解析
  • 如何关闭win8的windows defender
  • 微软星期二补丁
  • unity as
  • opengl和directX区别
  • python中字符
  • 批处理自动登录有密码的程序
  • 浅析学校德育的个体智能发展功能
  • 关于翡翠手镯知识
  • js原生方法大全
  • 国税税控开票系统
  • 国家税务局查验发票显示网络异常
  • 防伪税控维护费普通发票怎么申报
  • 德勤 税务
  • 认缴股权是什么意思
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设