引言

本文主要围绕命名规范,注释规范,和框架开发规范三部分开展。
命名规范主要介绍变量、函数、常量、构造函数、;类的成员等等的命名规范;注释规范主要介绍单行注释、多行注释以及函数注释。框架开发主要介绍了全局变量冲突、单全局变量以及命名空间。

一、 命名规范:

驼峰式命名法介绍:
驼峰式命名法由小(大)写字母开始,后续每个单词首字母都大写。
按照第一个字母是否大写,分为:
Pascal Case 大驼峰式命名法:首字母大写。Eg:StudentInfo,UesrInfo
Camel Case 小驼峰式命名法:首字母小写。Eg:studentInfo,UserInfo

1.1变量

命名方法:小驼峰式命名法。
命名规范:前缀应当是名词。(函数的名字前缀为动词,以此区分变量和函数)
命名建议:疆良在变量名字中体现所属类型,如:length、count等表示数字类型;而包含name、title表示为字符串类型。
命名规则:

  1. 不要再命名中使用“$”和“\”,不要把“_”作为变量名的第一个字符。
  2. 标识符应当只管且可以拼读,最好采用英文单词或其组合,便于记忆和阅读。切记使用汉语拼音来命名。程序中的英文单词一般不会太复杂,用词应当准确。
  3. 标识符的长度在不影响标识符意义的前提下应当尽量精简。当标识符需要由多个单词组成时,应当将单个单词长度想三靠近。
  4. 程序中不要出现紧靠大小写区分的相似的标识符。
  5. 程序中不要出现标识符完全相同的局部变量和全局变量,尽管两者的作用域不同而不会发生于语法错误,但会使人误解。
  6. 用正确的反义词命名具有互斥意义的或相反动作的函数等。
  7. 尽量避免名字中出现数字编号如:value1,value2等,除非逻辑上的确需要编号。

变量声明:尽管 JavaScript 语言并不要求在变量使用前先对变量进行声明。但我们还是应该养成这个好习惯。这样可以比较容易的检测出那些未经声明的变量,避免其变为隐藏的全局变量,造成隐患。
在函数的开始应先用 var 关键字声明函数中要使用的局部变量,注释变量的功能及代表的含义,且应以字母顺序排序。每个变量单独占一行,以便添加注释。这是因为 JavaScript 中只有函数的 {} 表明作用域,用 var 关键字声明的局部变量只在函数内有效,而未经 var 声明的变量则被视为全局变量。示例:

<script language="javascript">var valueA = "a";var valueB = "b";function f1() {var valueA = "c";alert("valueA="+valueA);   // valueA=cvalueB = "d";alert("valueB="+valueb);  // valueB=d}f1();alert("valueA="+valueA);  // valueA=aalert("valueB="+valueb);  // valueB=d

用 var 声明过的变量 valueA 和没有声明的变量 valueB 是有区别的。特别需要注意的是,在函数内部用 var 声明的变量为局部变量,这样可以有效地避免因局部变量和全局变量同名而产生的错误。

1.2 函数

命名方法:小驼峰式命名法。
命名规范:前缀应当为动词。统一使用动词或者动词[+名词]形式,例如:fGetVersion(),fSubmitForm(),fInit();涉及返回逻辑值的函数可以使用is,has等表示逻辑的词语代替动词。如果有内部函数,使用__f+动词[+名词]形式,内部函数必需在函数最后定义。
对象方法命名使用 f+对象类名+动词[+名词]形式;例如 fAddressGetEmail。
某事件响应函数命名方式为触发事件对象名+事件名或者模块名+触发事件对象名+事件名,例如:fDivClick(),fAddressSubmitButtonClick()
命名建议:可使用常见动词约定。

笔记--js开发规范相关推荐

  1. 前端规范 - js开发规范

    因为会牵扯到业务逻辑,在实际开发场景中,js开发会占绝大部分,相应的规范细节也比较多 限于篇幅原因,加上有eslint的这个利器,本文只讲一些最最常用的规范 [强制] 开启eslint 开启了esli ...

  2. 如何规范.net中的js开发(1)概念篇(更新版)

    工作这么几年,发现有些公司的开发人员虽然个人能力非常强,但是看不出团队成员之间在开发思想上的共同点,基本是一个人一个编程风格,每个人都有每个人的实现方式.或者是存在相似点,但只是冰山一角而已,团队没有 ...

  3. mpvue 微信小程序_使用Vue.js开发微信小程序:开源框架mpvue解析

    戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全 责编 | 阿秃 转自 | 美团技术团队企业博客 前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...

  4. 用Vue.js开发微信小程序:开源框架mpvue解析

    前言 mpvue 是一款使用 Vue.js 开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为 H5 和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程 ...

  5. 前端规范 - 前端项目开发规范

    0 前言 好好做业务,提高自己的工程能力 [强制] 1 开启eslint 根据团队的习惯,制定适合自己的rules 比如 no-console no-debugger可以关闭 [强制] 2 新项目使用 ...

  6. h5+js调取相机做取景框_使用Vue.js开发微信小程序:开源框架mpvue解析

    戳蓝字"CSDN云计算"关注我们哦! 作者 | 成全 责编 | 阿秃 转自 | 美团技术团队企业博客 前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开 ...

  7. Vue前端开发规范及代码风格

    Vue.js 开发规范目录及说明 版本 v1.0 日期 2020-02-18 本文档为前端 vue 开发规范 规范目的 命名规范 结构化规范 注释规范 编码规范 CSS 规范 规范目的 为提高团队协作 ...

  8. 使用Vue.js开发微信小程序:开源框架mpvue解析

    前言 mpvue是一款使用Vue.js开发微信小程序的前端框架.使用此框架,开发者将得到完整的 Vue.js 开发体验,同时为H5和小程序提供了代码复用的能力.如果想将 H5 项目改造为小程序,或开发 ...

  9. 前端开发规范文档(html,css,js)

    首先吐槽一句,本来想上传word文档的,可是发现博客不能上传word文档,这就很尴尬了. 首先声明该规范不是本人写的,网上搜前端规范发现这个很详细就先复制下来做笔记,当然不可能啥都按规范来,每个公司的 ...

最新文章

  1. HDU 1080 Human Gene Functions
  2. [原]全桥移相(PSFB)原边电流突跌分析
  3. 6.java 代码块
  4. 默写标准答案0917
  5. javascript HTMLMediaElement
  6. CSS3 转换2D transform
  7. 大学计算机基础vfp程序设计课程试验报告簿,vfp实验报告2014.doc
  8. 2014Esri全球用户大会——亮点系列之精彩应用案例
  9. 前搜房网副CTO曹艳白干了件大事!
  10. 基于Vue使用Arco Design组件封装一个七牛云上传图片的函数
  11. cpua55和a53哪个好_OPPOA55和OPPOA53哪个好-参数对比-更值得入手
  12. linux 离线安装dtc,DTC使用小结-cuter-电子技术应用-AET-中国科技核心期刊-最丰富的电子设计资源平台...
  13. springboot打成jar后获取resources下文件失败, cannot be resolved to absolute file path because it does not resid
  14. VUE中created被重复调用(每次进入页面之后都会调用created)
  15. Java CountDownLatch应用
  16. unity3d 流光效果 shader控制 不用代码
  17. 2021年西交大计基题目解析(第12周)
  18. 彩虹显IP 后两位星号 解决方案 全显IP
  19. c# 发邮件时发送会议邀请icalendar包括更新以及取消
  20. 超融合与私有云区别及联系:基于超融合构建私有云成主流方案

热门文章

  1. 【ASP.Net】上传图片+水印
  2. 鲁宾逊与莱布尼兹(修改版)
  3. 网络协议基础09--HTTP
  4. Flink的web界面无法访问
  5. ACM-ICPC 2018 沈阳赛区网络预赛 G. Spare Tire
  6. PicGO+阿里云OSS或PicGO+Github+Jsdelivr搭建图床(图解)
  7. 写毕业论文从哪里找资料?这3个论文网站必备!
  8. 关于\xEF\xBB\xBF的介绍
  9. XSS漏洞基础学习(笔记)
  10. FileNotFoundError: [Errno 2] No such file or directory:‘image.jpg’