JS三大经典变量命名法
- 格式:doc
- 大小:22.00 KB
- 文档页数:1
js变量命名规范JavaScript变量命名规范是指在编写JavaScript代码时,为变量命名所遵循的规则和约定。
良好的变量命名规范有助于代码的可读性和维护性,并减少代码错误的发生。
下面是一些常见的JavaScript变量命名规范:1. 使用有意义的变量名:变量名应该具有描述性,能够清楚地表达变量所代表的含义,避免使用无意义的单词或缩写。
2. 使用驼峰命名法:驼峰命名法是一种命名约定,其中除了首个单词以外的每个单词的首字母都大写,例如:myVariableName。
这使得变量名更易读,并且更符合JavaScript编码的传统。
3. 避免使用单个字符:除非是在循环或临时变量的情况下,尽量避免使用单个字符作为变量名,因为这样的变量名往往缺乏描述性,很难理解其含义。
4. 使用有意义的前缀或后缀:在需要明确表示变量类型或用途时,可以使用有意义的前缀或后缀。
例如,使用“is”前缀表示布尔值,使用“count”后缀表示计数变量。
5. 区分大小写:JavaScript区分大小写,因此变量名“myVariable”和“myvariable”是两个不同的变量。
为了避免混淆和错误,始终保持一致的大小写约定。
6. 避免使用JavaScript保留字:JavaScript有一些保留字,用于表示语言中的特定功能和关键字。
为了避免冲突和错误,避免使用这些保留字作为变量名。
7. 使用名词表示变量:变量名应该使用名词来表示,以便更好地描述变量所代表的实体或对象。
例如,使用“name”表示名称,使用“age”表示年龄。
8. 遵循团队约定:如果参与团队开发,应遵循团队的命名约定和最佳实践,以确保代码的一致性和可维护性。
9. 不使用特殊字符:变量名不应包含特殊字符(如$、@、#等),除非是在特定的上下文中,例如使用$作为jQuery对象的引用。
10. 使用英文:虽然JavaScript支持Unicode字符,但为了保持代码的可读性和广泛的兼容性,变量名应使用英文单词。
javascript函数命名的三种⽅式及区别介绍
javascript函数命名的三种⽅式及区别介绍
第⼀
复制代码代码如下:
function fn(val1,val2) {
alert(val1+val2);
}
fn(1,2);
第⼆
复制代码代码如下:
var fn=function() {
alert(val1+val2);
}
fn(1,2);
第三
复制代码代码如下:
var fn=new Function("alert(val1+val2)");
fn(1,2);
上⾯三种⽅式逻辑上是等价的,但是还是有点⼩区别:区别⼀:例⼀中的函数会在代码执⾏以前被加载到作⽤域中,⽽例⼆则是在代码执⾏到那⼀⾏的时候才会有定义;区别⼆:函数声明会给函数指定⼀个名字,⽽函数表达式则是创建⼀个匿名函数,然后将这个匿名函数赋给⼀个变量;区别三:例三使⽤Function()构造函数克隆函数,⼀般很少⽤,因为⼀个函数通常有多条语句组成,如果将他们以字符串的形式作为参数传递,难免会使得代码的可读性很差。
以上这篇javascript函数命名的三种⽅式及区别介绍就是⼩编分享给⼤家的全部内容了,希望能给⼤家⼀个参考,也希望⼤家多多⽀持。
JavaScript常见变量和函数命名示例JavaScript作为前端开发从业人员必须掌握的3大基础知识中最重要的一环,也是平是接触时间最长、写得最多的。
在开发过程中必然会遇到命名的问题,你会词穷、纠结、惆怅吗?本文的出现相信能够解决大部分烦恼,让你轻松写出符合规范、易读、简短的代码。
本文将通过大量的实例来试图自圆其说,形成一套系统化、实用的变量命名理化体系。
通过按JavaScript的数据类型分类着手、细到一个函数的参数命名,并提供众多可选方案,并尽量给出其适用范围和利弊。
JavaScript常见变量和函数命名示例思维导图需要注意的是由于个人写作水平、和知识有限,很多方面叙述上有些生硬,在分类上也没有什么特别的依据,文章也没有人审稿,所以有什么纰漏还请留言告知。
由于写作仓促,内容可能不全,后续会随着工作和学习的深入而不断地调整和更新。
布尔值(Boolean)命名Boolean值是两种逻辑状态的变量,它包含两个值:真和假。
在JavaScript中对应 true 和 false,在实践中通常使用数字1表示真值,0来表示假值。
虽然Boolean的状态只有两种但是在命名时可以进一步分类,这里给出几种场景:场景一:表示可见性、进行中的状态解释:可见性在通常指页面中的元素、组件是否显示(或者组件挂载到DOM上,但并不可见)。
进行中主要是说明某种状态是处于持续进行中。
推荐命名方式为 is + 动词(现在进行时)/形容词,同时这种方式也可以直接不写 is,但是为了更好的作区分,建议还是加上。
{isShow: '是否显示',isVisible: '是否可见',isLoading: '是否处于加载中',isConnecting: '是否处于连接中',isValidating: '正在验证中',isRunning: '正在运行中',isListening: '正在监听中'}注意:在Java中使用这种方式是有一定副作用的,为什么请移步:为什么阿里巴巴禁止开发人员使用“isSuccess” 作为变量名?场景二:属性状态类解释:通常用来描述实体(例如:HTML标签、组件、对象)的功能属性,而且定法比较固定。
javascript eslint命名规则
JavaScript ESLint命名规则主要有以下几点:
- 变量命名:变量应该使用驼峰式写法,单词之间用下划线_分隔,如`myVariableName`。
变量名应该尽量简洁明了,使用完整的单词而不是缩写,避免使用类似`a`、`b`这样的单个字母作为变量名。
- 函数命名:函数名应该使用动词+名词的形式,描述函数的操作和功能。
例如,`getUserById`表示获取某个用户的详细信息。
- 常量命名:常量名应该全部使用大写字母,单词之间用下划线_分隔,如`MAX_VALUE`。
常量名应该尽量描述清楚其含义,如`MAX_ATTEMPTS`表示最大尝试次数。
- 类命名:类名应该使用驼峰式写法,单词之间用下划线_分隔,如`MyClassName`。
类名应该尽量描述类的主要功能或职责。
这些命名规则可以帮助代码更加易读、易理解,并且符合行业标准。
此外,ESLint还支持自定义命名规则,你可以根据团队的开发规范和个人喜好进行配置。
变量命名法是编程中非常重要的一环,它直接影响到代码的可读性、可维护性和可扩展性。
一个好的变量命名法可以使代码更加清晰易懂,降低出错的概率,提高代码的效率和可靠性。
本文将介绍常见的变量命名法,以及如何选择合适的变量名。
一、变量命名法的分类常见的变量命名法有以下几种:1. 驼峰命名法(Camel Case)驼峰命名法是一种常用的命名法,它将单词首字母大写,其余字母小写,如:firstName、l astName、emailAddress等。
2. 帕斯卡命名法(Pascal Case)帕斯卡命名法也叫大驼峰命名法,它和驼峰命名法类似,但是首字母也要大写,如:First Name、LastName、EmailAddress等。
3. 下划线命名法(Snake Case)下划线命名法是将单词用下划线连接起来,每个单词的字母都小写,如:first_name、last_ name、email_address等。
4. 匈牙利命名法(Hungarian Notation)匈牙利命名法是由微软公司提出的一种命名法,它在变量名前加上一个小写字母前缀,表示变量的数据类型,如:strFirstName、iAge、bIsMale等。
二、如何选择合适的变量名1. 变量名应该具有描述性变量名应该能够清晰地描述变量的含义和作用,避免使用过于简单的变量名,如:a、b、c等,这样不利于代码的阅读和维护。
2. 变量名应该尽量短小变量名应该尽量短小,但是又不能过于简略,应该保证足够描述变量的含义和作用。
3. 变量名应该避免使用数字和特殊字符变量名应该避免使用数字和特殊字符,因为它们会让变量名变得难以理解和记忆。
4. 变量名应该使用正确的命名法变量名应该使用正确的命名法,如:驼峰命名法、帕斯卡命名法、下划线命名法等,这样可以使代码更加规范和易读。
三、变量命名法的实际应用1. 驼峰命名法的实际应用驼峰命名法常用于Java、JavaScript等编程语言中,如:```var firstName = "Tom";var lastName = "Smith";varemailAddress="*********************";```2. 帕斯卡命名法的实际应用帕斯卡命名法常用于C#、等编程语言中,如:```public class Person{public string FirstName { get; set; }public string LastName { get; set; }public string EmailAddress { get; set; }}```3. 下划线命名法的实际应用下划线命名法常用于Python、Ruby等编程语言中,如:```first_name = "Tom"last_name = "Smith"email_address="*********************"```4. 匈牙利命名法的实际应用匈牙利命名法常用于C++、Visual Basic等编程语言中,如:```string strFirstName = "Tom";int iAge = 30;bool bIsMale = true;```四、总结变量命名法是编程中非常重要的一环,一个好的变量命名法可以使代码更加清晰易懂,降低出错的概率,提高代码的效率和可靠性。
javascript变量的命名规范和注释!简单说,标识符命名规则如下:第⼀个字符可以是任意Unicode字母,以及美元符号($)和下划线(_)。
第⼆个字符及后⾯的字符,还可以⽤数字。
下⾯这些都是合法的标识符。
arg0_tmp$elemπ下⾯这些则是不合法的标识符。
1a23***a+b-d中⽂是合法的标识符,可以⽤作变量名。
var 临时变量 = 1;JavaScript有⼀些保留字,不能⽤作标识符:arguments、break、case、catch、class、const、continue、debugger、default、delete、do、else、enum、eval、export、extends、false、finally、for、function、if、implements、import、in、instanceof、interface、let、new、null、package、private、protected、public、return、static、super、switch、this、throw、true、try、typeof、var、void、while、with、yield。
另外,还有三个词虽然不是保留字,但是因为具有特别含义,也不应该⽤作标识符:Infinity、NaN、undefined。
源码中被JavaScript引擎忽略的部分就叫做注释,它的作⽤是对代码进⾏解释。
Javascript提供两种注释:⼀种是单⾏注释,⽤//起头;另⼀种是多⾏注释,放在/* 和 */之间。
// 这是单⾏注释/*这是多⾏注释*/本教程后⾯的代码部分,会采⽤这两种形式说明代码的运⾏结果,以及需要注意的地⽅。
此外,由于历史上JavaScript兼容HTML代码的注释,所以<!--和-->也被视为单⾏注释。
x = 1; <!-- x = 2;--> x = 3;上⾯代码中,只有x = 1会执⾏,其他的部分都被注释掉了。
1、变量命名规范变量名包括全局变量,局部变量,类变量,函数参数等等,他们都属于这一类。
基本规范变量命名都以类型前缀+有意义的单词组成,单词首字母都需要大写。
例如:sUserName,nCount。
前缀规范每个局部变量都需要有一个类型前缀,按照类型可以分为:s:表示字符串。
例如:sName,sHtml;n:表示数字。
例如:nPage,nTotal;b:表示逻辑。
例如:bChecked,bHasLogin;a:表示数组。
例如:aList,aGroup;r:表示正则表达式。
例如:rDomain,rEmail;f:表示函数。
例如:fGetHtml,fInit;o:表示以上未涉及到的其他对象,例如:oButton,oDate;例外情况:1:作用域不大临时变量可以简写,比如:str,num,bol,obj,fun,arr。
2:循环变量可以简写,比如:i,j,k等。
为什么需要这样强制定义变量前缀?正式因为javascript是弱语言造成的。
在定义大量变量的时候,我们需要很明确的知道当前变量是什么属性,如果只通过普通单词,是很难区分的。
全局变量命名规范全局变量使用A作为前缀。
如果是字符串类型的使用前缀ASTR,对象类型的则使用前缀AOBJ。
例如:ASTR_QueryString,AOBJ_Object.常量命名规范某些作为不允许修改值的变量认为是常量,全部字母都大写。
例如:PI.2、函数命名规范统一使用动词或者动词[+名词]形式,例如:fGetVersion(),fSubmitForm(),fInit();涉及返回逻辑值的函数可以使用is,has等表示逻辑的词语代替动词。
如果有内部函数,使用__f+动词[+名词]形式,内部函数必需在函数最后定义。
例如:function fGetNumber(nTotal){if(nTotal<100 code=""){nTotal = 100;}return__fAdd(nTotal);function__fAdd(nNumber){nNumber++;return nNumber;}}alert(fGetNumber(30));//alert 101对象方法实现对象方法命名使用 f+对象类名+动词[+名词]形式;例如 fAddressGetEmail事件响应函数某事件响应函数命名方式为触发事件对象名+事件名或者模块名+触发事件对象名+事件名,例如:fDivClick(),fAddressSubmitButtonClick()3.其他注意事项1:所有命名最好使用英语表示。
JavaScript的命名规范JavaScript是一种用于在网页上添加交互功能的脚本语言。
良好的命名规范可以使代码更易读、易维护,并提高团队合作效率。
本文将介绍JavaScript中常用的命名规范。
一、变量和函数命名1. 使用有意义且描述准确的名称。
2. 变量名应该以小写字母开始,使用驼峰命名法来区分单词。
例如:firstName, lastName。
3. 函数名应该以动词开头,使用驼峰命名法。
例如:calculateTotal, getUserInfo。
4. 避免使用单个字符作为变量名,除非用于简单的计数器或迭代变量。
二、常量命名1. 使用全大写字母和下划线来命名常量。
例如:MAX_WIDTH, PI。
2. 将常量的命名与变量和函数的命名方式区分开,可以使用下划线分隔单词。
三、构造函数命名1. 构造函数名应使用大写字母开头,以便区分普通函数。
例如:Car, Employee。
2. 避免使用与内置对象重名的构造函数。
四、文件名命名1. 在文件名中使用有意义的名称来描述文件的内容。
2. 文件名应使用小写字母,多个单词之间使用连字符“-”分隔。
五、类命名1. 类名应该以大写字母开头。
2. 使用驼峰命名法来命名类。
例如:Person, ShoppingCart。
六、枚举命名1. 枚举命名应使用大写字母,多个单词之间使用下划线分隔。
七、模块命名1. 模块命名应该以小写字母开头,使用驼峰命名法。
2. 模块命名应该具有描述性,清晰明了。
八、注释规范1. 使用注释来解释代码的目的、功能和工作原理。
2. 注释应该简洁明了,避免冗余和无用的描述。
3. 在关键的函数和复杂的代码块上添加注释,以提高代码的可读性。
九、缩进和空格1. 使用合适的缩进来分层次显示代码块。
2. 使用空格来增加代码的可读性,并在运算符和逗号后面添加空格。
3. 避免在行尾使用空格,以免引起不必要的错误。
结论:良好的命名规范是编写易读、易维护代码的基础。
js命名规则范文JavaScript 命名规则是为了让代码易于阅读、理解和维护。
以下是一些常用的 JavaScript 命名规则:1.变量和函数名应使用有意义的单词或短语,避免使用无意义的简写或缩写。
这有助于提高代码的可读性和可维护性。
2.变量和函数名应以小写字母开头。
驼峰命名法是一种常见的命名约定,其中第一个单词的首字母小写,后续单词的首字母大写。
例如:firstName, getUserName。
3.常量名通常全部大写,并使用下划线分隔单词。
例如:MAX_SIZE,PI。
4. 类名应以大写字母开头,每个单词的首字母也应该大写。
例如:Person, Car。
5. 避免使用 JavaScript 的保留字(如 if、for、while)作为变量名或函数名,以免发生冲突。
6.避免使用单个字符作为变量名,除非该字符用于迭代器或者临时变量。
8. 对于数组变量名,最好使用复数形式,以清楚地表示其为一个数组。
例如:users。
9. 在函数名中,应使用动词或动词短语,以清楚地表示其执行的操作。
例如:getUserData, calculateTotal。
10.当使用缩写时,应保持一致性,并使用大写字母来表示缩写的各个单词。
例如:HTML,URL。
11. 对于具有相同目的的变量,应使用统一的命名模式,以简化代码的阅读和理解。
例如:inputElement, submitButton。
12. 避免使用诸如 "tmp"、"foo"、"bar" 之类的一般性或无意义的命名,以免引起混淆。
13.如果代码需要与第三方库或框架进行交互,建议遵循其命名规则,以保持代码的一致性。
命名规则的遵守使得代码易于阅读和维护。
通过为变量、函数和类使用明确且有意义的命名,可以提高代码的可读性,并使其更易于理解所执行的操作。
同时,使用一致的命名模式可以减少代码中的混乱和疑惑,从而提高代码的可维护性和可重用性。
Js变量命名规范更新时间:2020年10⽉20⽇15时19分来源:传智播客浏览次数: 173120201020-151********1. 变量程序中的数据是交给CPU去处理的,⽽在交给CPU处理之前我们⼀般的操作都是会先将这个数据存储起来,那么在程序中我们如何存储数据呢?这就要使⽤变量了。
什么是变量?变量是程序中⽤来存储数据的,变量可以将数据存储在其中,我们可以为这个变量起⼀个容易记忆的别名,当我们要使⽤这个数据的时候,通过这个别名就可以找到这个变量并使⽤存储在其中的数据。
1). 变量的声明创建⼀个变量的语法是这样的:let 变量名; //声明变量的语法let name; //声明1个变量,变量的名字叫做namelet age; //声明1个变量,变量的名字叫做age2). 赋值符号变量创建好了以后,使⽤赋值符号就可以将数据存储到变量中。
变量名 = 数据;name = "jack"; //将字符串 "jack" 这个数据存储到变量 name 中age = 18; //将数值类型的数据 18 这个数据存储到变量 age 中赋值符号 = , 它的作⽤是将右边的数据存储到左边的变量之中。
3). 变量的使⽤在需要使⽤存储在变量中的数据的地⽅,只需要直接写上这个变量的名字就可以。
特别说明⼀点,存储在变量中的数据,我们也把它叫做变量的值。
console.log(name); //想要输出name变量中的值,直接写上变量的名字nameconsole.log(age); //想要输出age变量中的值,直接写上变量的名字age2 变量的特点1). 变量的初始化第⼀次给变量赋值的过程,叫做变量的初始化。
我们可以将变量的声明和初始化放在1⾏完成。
let 变量名 = 数据; //声明变量的同时,为变量设置⼀个初始值let name = "jack"; //声明变量name的同时,为变量name设置初始值为”jack”2). 变量的批量声明可以⼀次声明多个变量,语法如下。
匈牙利命名法:
通过在变量名前面添加相应小写字母的符号标示作为前缀,标示出变量的作用域,类型等,前缀后面是一个或多个单词组合,单词描述了变量的用途,如i表示的是整数,s表示的是字符串。
示例:
var sUserName = 'css8';
var iCount = 0;
骆驼式/驼峰命名法
混合使用大小写字母来构成变量的名称。
示例:
var printLoadTemplates;//名称首字母小写,其他每个单词的首字母大写
var print_load_templates;//下划线法,每个单词用一个下划线标记
帕斯卡命名法
和驼峰命名法类似,但是,驼峰第一个单词首字母小写,而帕斯卡命名法第一个单词首字母也大写。