当前位置: 代码网 > it编程>编程语言>Javascript > 详解JavaScript中的变量命名规范

详解JavaScript中的变量命名规范

2024年05月18日 Javascript 我要评论
驼峰命名首先,和其他语言一样,大部分变量建议采用驼峰命名法。而对于常量,使用大写字母和下划线来组合命名。根据变量类型来命名普通变量/属性尽量用简单易懂的名词结尾,前面可以加形容词/名词来修饰。布尔变量

驼峰命名

首先,和其他语言一样,大部分变量建议采用驼峰命名法。

而对于常量,使用大写字母和下划线来组合命名。

根据变量类型来命名

普通变量/属性

尽量用简单易懂的 名词 结尾,前面可以加 形容词/名词 来修饰。

布尔变量/属性

一般用 形容词be动词 、情态动词has 开头

控制元素的显示隐藏、是否加载的时候,可以用 showhideload 开头

普通函数/方法

一般用 动词 开头。如果是及物动词后面可以加名词,组成 动宾结构

名称也可以体现参数:

回调、钩子函数

用 介词 开头,或用 动词的现在完成时态

类名/构造函数的名称,要采用pascal命名法(即驼峰命名法+首字母大写)。

私有属性和方法的前缀加下划线_, 公共属性和方法则不用

注意一致性

介词一致性

例如在上述钩子函数的命名规范中,

  • 如果你使用了 before + after,那么就在代码的所有地方都坚持使用;
  • 如果你使用了 before + 完成时,那么就坚持使用;
  • 如果你改来改去,就 不一致 了,不一致将导致 不可预测

再例如使用了 onbuttonclick,就不要在其他地方使用 handlebuttonclick。

顺序一致性

比如同时命名了两个变量: updatecontainerwidth 和 updateheightofcontainer ,

这个顺序就令人很别扭,同样会引发 不可预测

表里一致性

函数名应尽可能完美体现函数的功能,既不能多也不能少。

比如

就违背了表里一致性,getsongs 表示获取歌曲,并没有暗示这个函数会更新页面,但是实际上函数更新了 div,这就是表里不一,正确的写法是

要么纠正函数名

要么写成两个函数

时间一致性

有可能随着代码的变迁,一个变量的含义已经不同于它一开始的含义了,这时就需要及时改掉这个变量的名字。
这一条是最难做到的,因为写代码容易,改代码难。如果这个代码组织得不好,很可能会出现牵一发而动全身的情况(如全局变量就很难改)。
所以最好的做法,就是一开始就做好规划、并且按照规范来组织代码。

其他注意事项

避免使用不常用的缩写

除了一些常用的所有程序员都知道的缩写(例如 num、html),建议不要使用缩写。

比如

  • password 不要缩写为 psw,
  • table 不要缩写为 tb、tbl
  • current 不要缩写为 cur

更不要使用拼音首字母缩写。

比如

  • 万元户 不要缩写为 wyh
  • 中资公司 不要缩写为 zzgs

这些缩写其实没少几个字符,却让看代码的人增加了很多理解的负担。

避免使用容易混淆的字母和数字

比如

  • 同时用 l 和 1: level1
  • 同时用 o 和 0: 0option

避免变量命名过于抽象

比如

到此这篇关于详解javascript中的变量命名规范的文章就介绍到这了,更多相关javascript变量命名规范内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网!

(0)

相关文章:

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

发表评论

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