超全面的javascript中变量命名规则


Posted in Javascript onFebruary 09, 2017

前言

变量的命名相对而言没有太多的技术含量,今天整理有关于变量命名相关的规则,主要是想告诉大家,虽然命名没有技术含量,但对于个人编码,或者说一个团队的再次开发及阅读是相当有用的。良好的书写规范可以让你的JavaScript代码更上一个台阶,也更有利于团队的再次开发和阅读代码。

全名原则

  1. 变量名区分大小写,允许包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允许包含空格和其他标点符号
  2. 变量命名长度应该尽可能的短,并抓住要点,尽量在变量名中体现出值的类型
  3. 尽量避免使用没有意义的命名
  4. 禁止使用JavaScript关键词、保留字全名
  5. 变量名命名方法常见的有匈牙利命名法、驼峰命名法和帕斯卡命名法

匈牙利命名法

匈牙利命名法匈牙利命名法是电脑程序设计中的一种变量命名规则,此命名法又可细分为:系统匈牙利命名法和匈牙利应用命名法。

匈牙利命名法具备语言独立的特性,并且首次在BCPL语言中被大量使用。由于BCPL只有机器字这一种数据类型,因此这种语言本身无法帮助程序员来记住变量的类型。匈牙利命名法通过明确每个变量的数据类型来解决这个问题。

在匈牙利命名法中,一个变量名由一个或多个小写字母开始,这些字母有助于记忆变量的类型和用途,紧跟着的就是程序员选择的任何名称。这个后半部分的首字母可以大写,以区别前面的类型指示字母。

语法

变量名 = 类型 + 对象描述

  1. 类型指变量的类型
  2. 对象描述指对象名字全称或名字的一部分,要求有明确含义,命名要容易记忆容易理解。

通过在变量名前面添加相应小写字母的符号标示作为前缀,标示出变量的类型,前缀后面是一个或多个单词组合,单词描述了变量的用途。如果是 jquery 对象,则用 $ 作为变量名的前缀。

提示

虽然 javascript 变量表面上没有类型,但是 javascript 内部还是会为变量赋予相应的类型。

匈牙利命名法是一位微软程序员发明的,多数的 c,c++ 程序都使用此命名法。

类型

javascript 变量命名类型 变量命名前缀
array 数组 a
boolean 布尔值 b
float 浮点数 l
function 函数 fn
int 整型 i
object 对象 o
regular 正则 r
string 字符串 s

示例

var aName = [1, 2, 3];
var oBtn = document.getElementById('btn');
function fnName(){};
var iCount = 0;
var sName = "zhuyujia";

驼峰式命名法

当变量名和函数名称是由二个或多个单字链接在一起,而构成的唯一识别字时,利用“驼峰式大小写”来表示,可以增加变量和函数的可读性。

“驼峰式大小写(Camel-Case)一词来自Perl语言中普遍使用的大小写混合格式,而Larry Wall等人所著的畅销书《Programming Perl》(O'Reilly出版)的封面图片正是一匹骆驼。”

“驼峰式大小写”命名规则可视为一种惯例,并无绝对与强制,为的是增加识别和可读性。一旦选用或设置好命名规则,在程序编写时应保持一致格式。

语法

变量名或函数名是由一个或多个单词连结在一起,其中第一个单词以小写字母开始,后面的所有单词的首字母都采用大写字母,这样的变量名看上去就像骆驼峰一样此起彼伏,故得名。

示例

var myName = "zhuyujia";
var formSubmit = document.getElementById("submit");
function timeCount(){}

帕斯卡命名法

Pascal命名法(Pascal Case,巴斯卡命名法/帕斯卡命名法),电脑程序编写时的一套命名规则(惯例)。

当变量名和函数名称是由二个或二个以上单字链接在一起,而构成的唯一识别字时,用以增加变量和函数的可读性。

单字之间不以空格断开或连接号(-)、下划线(_)链接,第一个单前缀字母采用大写字母;后续单字的首字母亦用大写字母,例如:FirstName、LastName。每一个单字的首字母都采用大写字母的命名格式,被称为“Pascal命名法”,源自于Pascal语言的命名惯例,也有人称之为“大驼峰式命名法”(Upper Camel Case),为驼峰式大小写的子集。

“Pascal命名法”可视为一种命名惯例,并无绝对与强制,为的是增加识别和可读性。一旦选用或设置好命名规则,在程序编写时应保持格式的一致性。

语法

和驼峰式命名法类似,只不过第一个单词的首字母需要大写。

示例

var MyName = "zhuyujia";
var FormSubmit = document.getElementById("submit");
function TimeCount(){}

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作能带来一定的帮助,如果有疑问大家可以留言交流。

Javascript 相关文章推荐
jqPlot Option配置对象详解
Jul 25 Javascript
Javascript基础教程之break和continue语句
Jan 18 Javascript
javascript验证身份证号
Mar 03 Javascript
Javascript自执行匿名函数(function() { })()的原理浅析
May 15 Javascript
基于Phantomjs生成PDF的实现方法
Nov 07 Javascript
微信小程序 PHP生成带参数二维码
Feb 21 Javascript
详解Vue方法与事件
Mar 09 Javascript
jQuery.ajax向后台传递数组问题的解决方法
May 12 jQuery
JavaScript初学者必看“new”
Jun 12 Javascript
vue2.0学习之axios的封装与vuex介绍
May 28 Javascript
详解如何使用babel进行es6文件的编译
May 29 Javascript
Javascript迭代、递推、穷举、递归常用算法实例讲解
Feb 01 Javascript
简单的jQuery拖拽排序效果的实现(增强动态)
Feb 09 #Javascript
bootstrapValidator.min.js表单验证插件
Feb 09 #Javascript
js 原型对象和原型链理解
Feb 09 #Javascript
AngularJs表单校验功能实例代码
Feb 09 #Javascript
javascript 显示全局变量与隐式全局变量的区别
Feb 09 #Javascript
JS获取本周周一,周末及获取任意时间的周一周末功能示例
Feb 09 #Javascript
简单谈谈Javascript函数中的arguments
Feb 09 #Javascript
You might like
php判断用户是否关注微信公众号
2016/07/22 PHP
PHP连接MySQL进行增、删、改、查操作
2017/02/19 PHP
javascript cookies操作集合
2010/04/12 Javascript
jQuery实现id模糊查询的小例子
2013/03/19 Javascript
jquery easyui 对于开始时间小于结束时间的判断示例
2014/03/22 Javascript
JavaScript计算某一天是星期几的方法
2015/08/05 Javascript
js实现商城星星评分的效果
2015/12/29 Javascript
jQuery 遍历map()方法详解
2016/11/04 Javascript
利用angular.copy取消变量的双向绑定与解析
2016/11/25 Javascript
JS 组件系列之BootstrapTable的treegrid功能
2017/06/16 Javascript
jQuery中 DOM节点操作方法大全
2017/10/12 jQuery
vue实现tab切换外加样式切换方法
2018/03/16 Javascript
vue项目中跳转到外部链接的实例讲解
2018/09/20 Javascript
angular6的table组件开发的实现示例
2018/12/26 Javascript
Vue 实现登录界面验证码功能
2020/01/03 Javascript
解决Vue 给mapState中定义的属性赋值报错的问题
2020/06/22 Javascript
详解vue-cli项目在IE浏览器打开报错解决方法
2020/12/10 Vue.js
用Python实现一个简单的线程池
2015/04/07 Python
python re模块的高级用法详解
2018/06/06 Python
Django+JS 实现点击头像即可更改头像的方法示例
2018/12/26 Python
Python3.5装饰器原理及应用实例详解
2019/04/30 Python
对Tensorflow中Device实例的生成和管理详解
2020/02/04 Python
python高阶函数map()和reduce()实例解析
2020/03/16 Python
Python第三方库的几种安装方式(小结)
2020/04/03 Python
基于Python实现视频的人脸融合功能
2020/06/12 Python
python实现批量命名照片
2020/06/18 Python
python 常用日期处理-- datetime 模块的使用
2020/09/02 Python
python实现暗通道去雾算法的示例
2020/09/27 Python
localstorage和sessionstorage使用记录(推荐)
2017/05/23 HTML / CSS
中国网上药店领导者:1药网
2017/02/16 全球购物
介绍一下Cookie和Session及他们之间的区别
2012/11/20 面试题
护士专业推荐信
2013/11/02 职场文书
社区清明节活动总结
2014/07/04 职场文书
连锁超市项目计划书
2014/09/15 职场文书
模范教师材料大全
2014/12/16 职场文书
MySQL 全文索引使用指南
2021/05/25 MySQL