前言

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

全名原则

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

匈牙利命名法

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

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

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

语法

变量名 = 类型 + 对象描述

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

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

提示

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

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

类型

示例

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  # 变量命名  # 命名规则  # 变量命名规则  # JavaScript 变量命名规则  # javascript 命名规则 变量命名规则  # 你必须知道的JavaScript 变量命名规则详解  # 理运用命名空间让js不产生冲突避免全局变量的泛滥  # 老生常谈javascript变量的命名规范和注释  # JavaScript处理变量命名的参数对象  # 匈牙利  # 关键词  # 变量名  # 第一个  # 多个  # 首字母  # 是由  # 二个  # 下划线  # 时应  # 是一个  # 这一  # 就像  # 首次  # 等人  # 微软  # 被称为  # 这篇文章  # 或者说  # 此起彼伏 

相关栏目： 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571 】

相关推荐： 实现点击下箭头变上箭头来回切换的两种方法【推荐】  大型企业网站制作流程,做网站需要注册公司吗？  Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】  如何在建站之星网店版论坛获取技术支持？  UC浏览器如何切换小说阅读源_UC浏览器阅读源切换【方法】  香港服务器网站推广：SEO优化与外贸独立站搭建策略  Thinkphp 中 distinct 的用法解析  Laravel API资源类怎么用_Laravel API Resource数据转换  个人网站制作流程图片大全,个人网站如何注销？  Laravel storage目录权限问题_Laravel文件写入权限设置  Laravel Sail是什么_基于Docker的Laravel本地开发环境Sail入门  免费视频制作网站,更新又快又好的免费电影网站？  香港服务器网站测试全流程：性能评估、SEO加载与移动适配优化  如何在宝塔面板中修改默认建站目录？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  北京网页设计制作网站有哪些,继续教育自动播放怎么设置？  美食网站链接制作教程视频,哪个教做美食的网站比较专业点？  JS中对数组元素进行增删改移的方法总结  php485函数参数是什么意思_php485各参数详细说明【介绍】  创业网站制作流程,创业网站可靠吗？  linux写shell需要注意的问题(必看)  微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】  深圳防火门网站制作公司,深圳中天明防火门怎么编码？  html5的keygen标签为什么废弃_替代方案说明【解答】  html5audio标签播放结束怎么触发事件_onended回调方法【教程】  edge浏览器无法安装扩展 edge浏览器插件安装失败【解决方法】  如何撰写建站申请书？关键要点有哪些？  Laravel的HTTP客户端怎么用_Laravel HTTP Client发起API请求教程  javascript事件捕获机制【深入分析IE和DOM中的事件模型】  动图在线制作网站有哪些,滑动动图图集怎么做？  如何实现建站之星域名转发设置？  Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作  如何快速重置建站主机并恢复默认配置？  Laravel如何获取当前登录用户信息_Laravel Auth门面使用与Session用户读取【技巧】  Laravel如何实现数据库事务？（DB Facade示例）  Windows家庭版如何开启组策略(gpedit.msc)？（安装方法）  Windows10如何更改计算机工作组_Win10系统属性修改Workgroup  如何选择可靠的免备案建站服务器？  Win11怎么修改DNS服务器 Win11设置DNS加速网络【指南】  韩国代理服务器如何选？解析IP设置技巧与跨境访问优化指南  免费的流程图制作网站有哪些,2025年教师初级职称申报网上流程？  Laravel表单请求验证类怎么用_Laravel Form Request分离验证逻辑教程  移动端手机网站制作软件,掌上时代，移动端网站的谷歌SEO该如何做？  如何用AWS免费套餐快速搭建高效网站？  如何在 Telegram Web View（iOS）中防止键盘遮挡底部输入框  Laravel如何实现数据导出到PDF_Laravel使用snappy生成网页快照PDF【方案】  武汉网站设计制作公司,武汉有哪些比较大的同城网站或论坛，就是里面都是武汉人的？  香港服务器网站搭建教程-电商部署、配置优化与安全稳定指南  JavaScript如何实现错误处理_try...catch如何捕获异常？  如何在建站主机中优化服务器配置？