当前位置: 代码网 > it编程>网页制作>Css > javascript代码规范小结

javascript代码规范小结

2024年05月15日 Css 我要评论
1. javascript代码应符合douban-jslint检验标准 1-1. 语句必须都有分号结尾,除了for, function, if, switch, try, while 1-2. 只有长
1. javascript代码应符合douban-jslint检验标准

1-1. 语句必须都有分号结尾,除了for, function, if, switch, try, while

1-2. 只有长语句可以考虑断行,如:

templ_songlist.replace('{table}', da['results'])
.replace('{prev_num}', prev)
.replace('{next_num}', next)
.replace('{current_num}', current)
.replace('{total_num}', da.page_total);

为了避免和jslint的检验机制冲突,“.”或“+”这类操作符放在行尾,上面代码应改为:

templ_songlist.replace('{table}', da['results']).
replace('{prev_num}', prev).
replace('{next_num}', next).
replace('{current_num}', current).
replace('{total_num}', da.page_total);

1-3. 避免额外的逗号。如:var arr = [1,2,3,];

1-4. 所有的循环体和判断体都需要用"{}"括起来。如:

错:

if (condition)
statement;

if (condition) statement;


对:

if (condition) {
statement; 或
if (condition) { statement; }

1-5. for-in循环体中必须用hasownproperty方法检查成员是否为自身成员。避免来自原型链上的污染。

1-6. 变量声明。变量声明应放在function的最上面。避免使用未声明的变量。

错:

if (n > 0) {
var isvalid = true;

对:

var isvalid;
if (n > 0) {
isvalid = true;
}

1-7. 不要使用with, void, evil。

1-8. 使用严格的条件判断符。用===代替==,用!==代替!=。

1-9. 下面类型的对象不建议用new构造:new number, new string, new boolean, new object(用{}代替), new array(用[]代替)。

1-10. 引用对象成员用obj.prop1代替obj[“prop1”],除非属性名是变量。

注:douban-jslint是定制过的jslint

注:如果模块代码中,使用其它全局变量想跳过jslint的检查,可以在该文件中加入声明,如:

2. javascript命名规则

2-1. 构造器的首字母大写。如:

function dialog (config) {
statement;
} var dlg = new dialog({...});

2-2. 对象的属性或方法名采用小驼峰式(lower camel-case),如"init", "bindevent", "updateposition":

dialog.prototype = {
init: function () {},
bindevent: function () {},
updateposition: function () {} };

2-3. 私有变量名用下划线开头。如:"_current", "_defaultconfig"

2-4. 常量名全部大写,单词间用下划线分隔。如:“css_btn_close”, "txt_loading"

2-5. 变量名的前缀:

prefix

element

example

integer

nvariablename

i,j,k,m,n, etc. *

integer as counter/iterator

(for i=0; i<=oarray.length; i++)

string

svariablename

object

oobjectname

is, can, has

boolean

[boolean name]conditionname

event method

event attachment

[event type]_methodname

accessor method

getmethodname

accessor method

setmethodname

note: only a counter/iterator should use a single-letter designation.

3. 代码格式化要求

3-1. 语句中的必要空格和缩进

3-1-1. 用来包含语句的"()"前后需要跟空格,诸如: if / for / while / switch ( statements ) { … } 等

3-1-2. "="前后需要跟空格

3-1-3. 数组成员间的","后面需要跟空格

不好:

for (t in selected) { if (!hash[t]) deselect(t) }

好:

for ( t in selected ) {
if ( !hash[t] ) {
deselect(t); }

3-2. 长语句采用断行:

不好:

templ_songlist.replace('{table}', da['results']).replace('{prev_num}', prev).replace('{next_num}', next).replace('{current_num}', current).replace('{total_num}', da.page_total);

好:

templ_songlist.replace('{table}', da['results']).
replace('{prev_num}', prev).
replace('{next_num}', next).
replace('{current_num}', current).
replace('{total_num}', da.page_total);

3-3. 格式化对象参数:

不好:

embedswf(id, { url: '/swf/player30792.swf?url=' + el.href, width: 261, height: 30, params: { wmode:'transparent' }, attributes: { id: "player-sample" + i, name: "player-sample" + i }});

好:
(0)

相关文章:

  • 详细分析css float 属性以及position:absolute 的区别

    1.float 属性定义元素在哪个方向浮动。以往这个属性总应用于图像,使文本围绕在图像周围,不过在 css 中,任何元素都可以浮动。浮动元素会生成一个块级框,而不论它本身是何种元素…

    2024年05月15日 网页制作
  • 网站制作之网页技巧

    网站制作之网页技巧

    相信众位网友在网上尽情冲浪时,一定会看到不少设计独特、创意新颖、页面诱人的个人网页,遇到这些网页你也一定会驻足停留、仔细欣赏一番,同时脑海中大概也会有一丝想要制... [阅读全文]
  • 使用css实现全兼容浏览器的三角形

    在当前流行的的网站上,我们经常会看到一些小三角形的下拉提示(微博顶部的下拉菜单),简单的方式可以使用一张图片代替,但是随着前端技术的发展,以及开发者对于前端性能的“吹毛求疵”,越来…

    2024年05月15日 网页制作
  • vml简介

    vml简介

    vml(vector markup language) 是一个最初由microsoft开发的xml词表,现在也只有ie5.0以上版本对vml提供支持。使用vml... [阅读全文]
  • 使用css实现全兼容tooltip提示框

    最终效果图:基本原理先设定一个背景色的普通div盒子,然后使用上篇post得到的三角型图标,把div盒子设置为相对定位模式,三角型图标设置为绝对定位,位置相对于div盒子,调整到合…

    2024年05月15日 网页制作
  • VML网页文件的基本格式

    VML网页文件的基本格式

    很显然,跟html网页的结构很类似,以上标记的意思你可以理解为如下(//符号后是解释)而至于xmlns:o="urn:schemas-microsoft-com... [阅读全文]

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论

验证码:
Copyright © 2017-2025  代码网 保留所有权利. 粤ICP备2024248653号
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com