谈谈JavaScript命名约定良好实践

在开发过程中，遵循标准的命名约定可以提高代码的可读性。让我们来看看JavaScript中命名约定的最佳实践。1、变量命名约定JavaScript变量名区分大小写，大小写字母不同。例如：letDogName='Scooby-Doo';letdogName='Droopy';letDOGNAME='Odie';console.log(DogName);//“史酷比”console.log(dogName);//“下垂”console.log(DOGNAME);//"Odie"但是，最推荐的声明JavaScript变量的方式是使用驼峰式变量名。我们可以对JavaScript中的所有类型的变量使用驼峰命名约定，这样就没有同名变量了。//badletdogname='Droopy';//badletdog_name='Droopy';//badletDOGNAME='Droopy';//badletDOG_NAME='Droopy';//goodletdogName='Droopy';变量的名称应该是不言自明的并描述存储的值。例如，如果你需要一个变量来存储狗的名字，你应该使用dogName而不是Name，因为dogNam更有意义：//badletd='Droopy';//badletname='Droopy';//goodletdogName='下垂'';2。布尔命名约定定义布尔变量时，应使用is或has作为变量的前缀。例如，如果你需要一个变量来检查狗是否有主人，你应该使用hasOwner作为变量名：//badletbark=false;//goodletisBark=false;//badletideal=true;//goodletareIdeal=true;//badletowner=true;//goodlethasOwner=true;3.函数命名约定JavaScript中的函数名也是区分大小写的。因为在声明函数的时候，建议使用驼峰法来命名函数。此外，建议使用描述性名词和动词作为前缀。例如，如果你声明一个函数来获取名字，函数名应该是getName：//badfunctionname(dogName,ownerName){return'${dogName}${ownerName}';}//goodfunctiongetName(dogName,ownerName){return'${dogName}${ownerName}';}4.常量的命名约定JavaScript中的常量和变量是相同的，并且区分大小写。定义常量时，建议使用大写字母，因为它们是常量变量。常量腿=4;常量尾巴=1；constMOVABLE=腿+尾巴；如果变量声明名称包含多个单词，则应使用UPPER_SNAKE_CASE。constDAYS_UNTIL_TOMORROW=1;5.类的命名约定JavaScript中类的命名约定规则与函数非常相似，建议使用描述性的名称来描述类的功能。函数名和类名的主要区别是类名以大写开头：classDogCartoon{constructor(dogName,ownerName){this.dogName=dogName;this.ownerName=ownerName;}}constcartoon=newDogCartoon('Scooby-Doo','Shaggy');6.组件命名规则JavaScript组件广泛应用于React、Vue等前端框架。组件命名建议与类一致，开头使用驼峰命名：//badfunctiondogCartoon(roles){return(

);}//goodfunctionDogCartoon(roles){return();}由于组件名称的首字母大写，使用时很容易与HTML、属性值等区分开来：7.方法命名规范这里所说的方法是指类中的方法。在JavaScript中，类的方法和函数的结构非常相似，因此，命名约定规则也是一样的。建议以驼峰命名法声明JavaScript方法，并使用动词作为前缀，使方法名更有意义：this.ownerName=ownerName;}getName(){返回'${this.dogName}${this.ownerName}';}}constcartoon=newDogCartoon('Scooby-Doo','Shaggy');console.log(cartoon.getName());//“史酷比长毛”8。私有函数的命名约定下划线（_）在MySQL和PHP等语言中广泛使用，用于定义变量、函数和方法。但在JavaScript中，下划线用于表示私有变量或函数。例如，如果您有一个私有函数名称toonName，则可以通过在其前面加上下划线(_toonName)来将其表示为私有函数。classDogCartoon{constructor(dogName,ownerName){this.dogName=dogName;this.ownerName=ownerName;this.name=_toonName(dogName,ownerName);}_toonName(dogName,ownerName){return`${dogName}${ownerName}`;}}constcartoon=newDodCartoon('Scooby-Doo','Shaggy');//好的constname=cartoon.name;控制台日志（名称）；//"Scooby-DooShaggy"//badname=cartoon._toonName(cartoon.dogName,cartoon.ownerName);控制台日志（名称）；//"Scooby-DooShaggy"9.全局变量的命名约定JavaScript全局变量没有特定的命名标准。建议对可变全局变量使用驼峰式大小写，对不可变全局对象使用大写。10.文件名的命名约定大多数网络服务器（Apache、Unix）在处理文件时都区分大小写。例如，flower.jpg与Flower.jpg不同。但是，如果您从不区分大小写的服务器切换到区分大小写的服务器，即使是一个小错误也会使您的站点崩溃。因此，尽管它们区分大小写，但建议在所有服务器上使用小写的文件名。