位置: 编程技术 - 正文

javascript代码规范小结(js代码规范)

编辑:rootadmin
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-. 引用对象成员用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/player.swf?url=' + el.href, width: , height: , params: { wmode:'transparent' }, attributes: { id: "player-sample" + i, name: "player-sample" + i }}); 好:

推荐整理分享javascript代码规范小结(js代码规范),希望有所帮助,仅作参考,欢迎阅读内容。

javascript代码规范小结(js代码规范)

文章相关热门搜索词:js代码有哪些语法规则,js代码作用,js代码有哪些语法规则,JavaScript代码规范,javascript 代码,js代码编写,JavaScript代码规范,JavaScript代码规范,内容如对您有帮助,希望把文章链接给更多的朋友!

浅谈href=#与href=javascript:void(0)的区别 #"包含了一个位置信息默认的锚点是#top也就是网页的上端而javascript:void(0)仅仅表示一个死链接这就是为什么有的时候页面很长浏览链接明明是#可是

HTML5 WebStorage(HTML5本地存储技术) WebStorage是HTML5中本地存储的解决方案之一,在HTML5的WebStorage概念引入之前除去IEUserData、FlashCookie、GoogleGears等看名字就不靠谱的解决方案,浏览器兼容的

html的基本使用(HTML标签解释) 一、链接在HTML中超文本的链接非常重要,基本格式如下:AHREF="资源地址"链接文字/A1、本地链接①绝对路劲:AHREF="C:imagesarticle.jpg"绝对路劲链接到本

标签: js代码规范

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

上一篇:Zen Coding css,html缩写替换大观 快速写出html,css

下一篇:浅谈href=#与href=javascript:void(0)的区别(html中href,src区别)

  • 建筑业固定资产折旧费用科目是什么
  • 金融保险业税目
  • 非货币资产交换和债务重组的区别
  • 动迁补偿款怎么算
  • 销项负数的分录怎么做
  • 银行进账单票据号码在哪里
  • 高新企业如何申报纳税
  • 房地产项目管理三大核心
  • 受托代销商品手续费会计分录
  • 转让土地使用权会计分录怎么做
  • 个人独资企业对公账户的钱可以转到私人账户吗
  • 房地产开发公司注册条件
  • 扶贫算出差吗
  • 发票认证完是不是没开票
  • 工资退回怎么处理
  • 增值税普通发票税率
  • 增值税专票电话号码错了有关系吗
  • 发票作废 费用
  • 无产权的建筑出售怎么办
  • 专票作废后怎样退税
  • 进口设备的重置成本包括什么
  • 房地产开发企业资质管理规定
  • windows7怎么操作
  • 重复确认收入是什么意思
  • php递归函数详解
  • linux系统中安装web服务
  • 系统搜索力
  • 为什么WIN10系统打在画面进不去
  • 报税时漏报进项怎么办
  • 银行承兑汇票贴现怎么算
  • Drömling湿地中的灰鹤,德国 (© Mike Friedrichs/Getty Images)
  • php db2
  • html转化成图片
  • 自学黑客技术入门教程
  • 原生ajax和axios的区别
  • vue预览word加水印
  • docker的常用命令汇总
  • php分页思路
  • thinkphp apidoc
  • 专票电话号码不对有影响吗
  • 生活服务业纳税义务发生时间
  • 进料核销应调整哪些项目
  • golang eventbus
  • 自由会计服务类工作者
  • 公司银行开户的经办人有无风险
  • ipv6的设置
  • 小规模纳税人企业所得税怎么算
  • 赠送代金券账务怎么处理
  • 房屋开发企业
  • 出售固定资产税率是13%吗
  • 公关费用计入什么科目比较好
  • 销售产品结转成本
  • 购买货物对方代垫的运输费分录
  • 电子设备折旧残值率
  • 差额征收的有哪些
  • 注册资本未到位注销公司处理
  • 工程结算价超过合同价10%
  • 会议接待纸笔摆放
  • 代扣代缴个人所得税分录
  • mysql查看查询耗时
  • 存储sql
  • window10预览在哪里找
  • mac使用磁盘工具的快捷键
  • grep正则表达式运用举例
  • win10系统自带功能
  • JavaScript的Ext JS框架中的GridPanel组件使用指南
  • perl如何使用
  • unity lightmap uv
  • perl使用保留字引用什么模块
  • bootstrap入门
  • jquery 控制暂停和播放
  • easyui getselections
  • jQuery EasyUI tree 使用拖拽时遇到的错误小结
  • Python爬取网易云音乐歌单内歌曲歌手封面播放地址
  • js刷新当前窗口
  • javascript学习指南
  • 网页的子页面
  • jquery的哪个方法可以绑定mouseover
  • 广东省广州市税务局分数线
  • 浙里办扫码在哪里
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设