位置: 编程技术 - 正文

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的模块化可以怎么做)

  • 城建税和教育费附加需要计提吗
  • 发票批量作废怎么操作的
  • 社会保险申报表中工资总额累计金额是什么意思
  • 普通增值税发票可以抵税吗?
  • 可供分配利润包括所得税吗
  • 柴油暂估入账
  • 公司产品中请别人开发的软件怎么会计处理?
  • 怎么确定是不是本人
  • 啤酒的税率是多少2022
  • 所得税营业成本包括哪些
  • 一般纳税人企业要交哪些税
  • 外管证的开具与注销流程
  • 独生子女费属于什么费用
  • 版权使用费属于什么税目
  • 固定资产残值率一般是多少
  • 税前扣除的固定资产
  • 公司投资理财需要纳税吗
  • 企业所得税汇算清缴网上申报流程
  • 房地产企业建设的幼儿园如何缴纳城镇土地使用税
  • 工程项目预缴增值税
  • 个税汇算清缴包含退休金吗
  • 工资薪金所得包括差旅费津贴吗
  • 虚假财务报表的法律后果
  • vue onshow
  • php注释的主要作用是什么?
  • 其他应付款余额在借方表示什么意思
  • 父子之间房屋赠与费用
  • php使用crypt()函数进行加密
  • thinkphp exec
  • php制作验证码
  • python怎么学
  • php字符串的三种定义方式
  • 年度预算的意义
  • 公司帐户到银行怎么取钱
  • 结算备付金管理办法(2019年修订版)
  • 母公司破产子公司债权人申报
  • 主营业务成本可以设置二级科目吗
  • python提供的3个基本数字类型
  • 规模以上企业纳税要求
  • mongodb怎么用
  • mysql分表的3种方法
  • 小企业会计准则调整以前年度费用分录
  • 金蝶怎么增加职员
  • 企业电子发票重开流程
  • 一般纳税人金税盘怎么清卡
  • 高新企业必须做加计扣除吗
  • 幼儿园收取的生活费免税吗
  • 银行回单中包含哪些内容
  • 出口退税申报系统自检数据撤销
  • 账上的进项税额比申报多了怎么调账
  • 管理费用算产品成本吗
  • 购房发票可以开专票
  • 以前年度多计提的社保费怎么冲回
  • mssqlserveradhelper
  • sql kill进程
  • iis的服务
  • windows2008 iis安装
  • 如何把virtualbox虚拟机里面的文件传到主机
  • 苹果7开发者模式怎么打开
  • win7删除通知区域图标
  • ubuntu虚拟机怎么联网
  • mac新手必看教程
  • linux系统批量任务
  • win10任务栏电源图标打不开
  • cocos2dx3.0的label字体去描边
  • js 实现跳转页面
  • python备份列表l
  • node 回调函数
  • Android 添加数据到本地Excel表
  • python的字符
  • javascript基本语句
  • jquery中有几种方法可以来设置和获取样式
  • jquery自动点击按钮
  • javascript学习指南
  • 党建联建是什么部门负责
  • 12123怎么上传交强险
  • 清税申报表怎么填写
  • 新都税务局咨询电话
  • 平顶山属于河南还是河北
  • 中国税务的核心价值观是什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设