javascript编程规范

一、javascript模块化编程规范:

二、关于commenjs规范和AMD规范:

根本不同:前者用于服务器端同步加载模块;后者是客户端异步加载模块。

同点:两者都有一个全局函数require(),用于加载模块;只是AMD规范中的require函数需要有2个参数。

三、CommonJS

出现时间更早,代表有:Node.js模块系统,就是参照CommonJS规范实现的。在CommonJS中,有一个全局性方法require(),用于加载模块。假定有一个数学模块math.js,就可以像下面这样加载。

  1. var math = require(‘math‘);

然后,就可以调用模块提供的方法:

  1. var math = require(‘math‘);
  2. math.add(2,3); // 5

服务器端模块以后,很自然地,大家就想要客户端模块。而且最好两者能够兼容,一个模块不用修改,在服务器和浏览器都可以运行。

但是,由于一个重大的局限,使得CommonJS规范不适用于浏览器环境。

  var math = require(‘math‘);

  math.add(2, 3);

第二行math.add(2, 3),在第一行require(‘math‘)之后运行,必须等math.js加载完成。也就是说,如果加载时间很长,整个应用就会停在那里等。

下面是总结的commenjs规范思维导图:

四、AMD规范:

AMD是”Asynchronous Module Definition”的缩写,意思就是”异步模块定义”。它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。

AMD也采用require()语句加载模块,但是不同于CommonJS,它要求两个参数:

  1. require([module], callback);

第一个参数[module],是一个数组,里面的成员就是要加载的模块;第二个参数callback,则是加载成功之后的回调函数。如果将前面的代码改写成AMD形式,就是下面这样:

  1. require([‘math‘], function (math) {
  2. math.add(2, 3);
  3. });

math.add()与math模块加载不是同步的,浏览器不会发生假死。所以很显然,AMD比较适合浏览器环境。

AMD规范续:

主要有两个Javascript库实现了AMD规范:require.jscurl.js

参考资料:http://www.ruanyifeng.com/blog/2012/10/asynchronous_module_definition.html

javascript编程规范

时间: 2024-08-07 21:17:15

javascript编程规范的相关文章

前端代码编码和设计规范系列——JavaScript编程规范

1文档信息 条目 内容 项目编号 通用 项目名称 通用 标题 JavaScript编程规范 类别 规范文档 当前 试用草稿 摘要 当前版本 V1.0 日期 2015/11/9 作者 徐维坚(xuweijian) 文档拥有者 内部公开 文件 前端规范系列-JavaScript篇.docx 2修改历史 编号 修订人 修订内容简述 修订 日期 修订前 版本号 修订后 版本号 V0001 徐维坚 编程规范文件编写,草稿试用版公布 2015/11/10 V1.0 规范前言 良好的编程规范对于软件的开发与维

javascript编程规范(持续更新中...)

缩进 每个层级由4个空格组成,避免使用Tab 行的长度 每行长度不超过80个字符,如果一行多于80个字符,应当在一个运算符(逗号,加号等)后换行.下一行应当增加两级缩进(8个字符). 原始值 字符串始终使用双引号(避免使用单引号)且保持一行.避免在字符串中使用斜线另起一行. 数字应当使用十进制整数.科学计数法表示整数,十六进制整数,或者十进制浮点小数,小数点前后应当至少保留一位数字.避免使用八进制直接量. 特殊值null除了下述情况下应当避免使用. a)       用来初始化一个标量,这个变量

牛客网JavaScript编程规范

1.输入单个数字 //输入的是一个数字8 var readline = require('readline'); const rl = readline.createInterface({ input: process.stdin, output: process.stdout }); rl.on('line', function count(n) { //对n进行操作 console.log(result); } }); 2.输入多个数字 'a,b'或者'ab' // 输入的是一行数据RA,获

JavaScript编码规范

无规矩不成方圆,写JavaScript也有JavaScript的规范,以前自己写代码都是那种随心所欲的状态,然后过了几天之后再来看,发现已经不认识自己写的代码了,这真是一种有种淡淡的忧伤,所以,规范这种东西是非常有必要的. 当然,这里主要是参考百度FEX对与JavaScript编程规范,我在这里抽取其中自己需要注意的点,点击查看原网站   一.关于空格 1.二元运算符两侧必须有一个空格,一元运算符与操作对象之间不允许有空格 2.用作代码块起始的左花括号 { 前必须有一个空格 function (

Javascript模块化编程-规范

实现Javascript模块化,固然很重要,但是怎样才能实现国际上都能认可的模块化呢?模块化编程规范随应运而生. 目前Javascript模块化规范主要有两种:CommonJS和AMD. CommonJS: 09年,美国程序开发人员Ryan Dahl创造了node.js项目,将JS运用于服务器端. 由于后台服务端的业务比较复杂,如果没有模块化编程规范,后台维护和开发将变得异常艰难. node.js的模块系统,就是参照CommonJS规范实现的.在CommonJS中,require(),用于加载模

辛星浅析JavaScript中的编程规范

这是接着上一篇的博文写的,首先说一下编程规范的重要性吧,它可以让我们的代码保持一致性,可预测,更易于阅读和理解.一个新的开发者可以通过阅读规范,理解其他团队成员书写的代码,更快的上手干活. 第一点就是缩进. 很糟糕的一件事就是不一致的缩进,因为它看上去像是遵循了规范,但是可能一路上伴随着混乱和惊奇,重要的是规范的使用缩进. 一些开发人员喜欢用tab制表符缩进,因为任何人都可以调整他们的编辑器以自己喜欢的空格数来显示tab.也有人喜欢用空格,通常是四个空格.一般这个无所谓,只要团队每个人都遵循同一

Javascript编程风格

转自阮一峰 http://www.ruanyifeng.com/blog/2012/04/javascript_programming_style.html 作者: 阮一峰 日期: 2012年4月27日 Douglas Crockford是Javascript权威,Json格式就是他的发明. 去年11月他有一个演讲(Youtube),谈到了好的Javascript编程风格是什么. 我非常推荐这个演讲,它不仅有助于学习Javascript,而且能让你心情舒畅,因为Crockford讲得很幽默,时不

web项目开发 之 前端规范 --- JavaScript编码规范

JavaScript编码规范 此文严格按照W3C规范和部分实际项目可读性,浏览器加载,性能等众多属性权衡,做出平时前端编码规范文档.供广大web工作者参考并实施,对维护和项目扩展升级都能省时省力. 场景:web前端开发中 一些Javascript的注意事项 和 规格建议: [参考百度资料 和个人一些总结] 1 前言 JavaScript 在百度一直有着广泛的应用,特别是在浏览器端的行为管理.本文档的目标是使 JavaScript 代码风格保持一致,容易被理解和被维护. 虽然本文档是针对 Java

node.js编程规范

B.1缩进 因为Node.js代码中很容易写出深层的函数嵌套,过多的空格会给阅读带来不便,因此我们选择两空格缩进 B.2行宽 为了保证在任何设备上都可以方便地阅读,我们建议把行宽限制为80个字符. B.3 语句分隔符 建议一律使用分号( ; ),哪怕一行只有一个语句,也不要省略分号. B.4 变量定义 永远使用var 定义变量,而不要通过赋值隐式定义变量.因为通过赋值隐式定义的变量总是全局变量,会造成命名空间污染. 使用var 定义变量时,确保每个语句定义一个变量,而不要通过逗号( , )把多个