当前位置: 首页 > 科技观察

15个简单的JS编码标准来清理你的代码

时间:2023-03-12 00:55:30 科技观察

编码标准可以在以下方面提供帮助:保持代码一致易于阅读和理解易于维护以下编码标准是我对上述几点的有益想法。1、比较时用===代替==。这很重要,因为JavaScript是一种动态语言,所以使用==可能会给您带来意想不到的结果,因为它允许类型不同。Fail:if(val==2)Pass:if(val===2)2.永远不要使用var,使用let而不是使用let将有助于避免JavaScript中各种var引起的范围问题。失败:varmyVar=10;通过:letmyVar=10;3.使用const而不是let这会阻止开发人员尝试更改他们不应该更改的内容,并且确实有助于提高可读性。失败:让VAT_PERCENT=20;通过:constVAT_PERCENT=20;4.始终使用分号(;)虽然这在JavaScript中是可选的,但分号并不像其他语言那样作为语句终止符是必需的。但是使用;有助于保持代码的一致性。失败:constVAT_PERCENT=20;letamount=10returnaddVat(amount,vatPercent)通过:constvatPercent=20;letamount=10;returnaddVat(amount,vatPercent);5.JavaScript中的命名约定let应该以驼峰命名。const如果在文件顶部使用大写蛇形命名法。如果不在文件顶部,请使用驼峰式命名法。类应该是Pascal命名法:MyClass函数函数应该是驼峰命名法:myFunction6。连接字符串时,使用模板字符串模板字符串中允许嵌入表达式。失败:letfullName=firstName+""+lastName;通过:letfullName=`${firstName}${lastName}`;7、尽量使用ES6的箭头函数箭头函数是编写函数表达式的一种更简洁的语法。失败:varmultiply=function(a,b){returna*b;};通过:constmultiply=(a,b)=>{returna*b};8.始终在控制结构周围使用大括号所有的控制结构都必须使用花括号(例如if、else、for、do、while等),这样在后期维护时不容易出错。失败:如果(有效)doSomething();如果(数量>100)做某事();elseif(数量>200)doSomethingElse();通过:if(valid){doSomething();}if(amount>100){doSomething();}elseif(amount>200){doSomethingElse();}9.确保大括号在同一行开始,中间有空格失败:if(myNumber===0){doSomething();}通过:if(myNumber===0){doSomething();}10.尝试减少嵌套if中的嵌套if会变得混乱且难以阅读。有时候你可能无法解决问题,但是好好看看代码,看看能不能改进一下,还是不错的。失败:if(myNumber>0){if(myNumber>100){if(!hasDiscountAlready){returnaddDiscountPercent(0);}else{returnaddDiscountPercent(10);}}elseif(myNumber>50){if(hasDiscountAlready){returnaddDiscountPercent(5);}}else{if(!hasDiscountAlready){returnaddDiscountPercent(0);}else{returnaddDiscountPercent(1);}}}else{error();}通过:if(myNumber<=0){returnerror;}if(!hasDiscountAlready){returnaddDiscountPercent(0);}if(myNumber>100){returnaddDiscountPercent(10);}if(myNumber>50){returnaddDiscountPercent(5);}returnaddDiscountPercent(1);从上面的例子可以看出,减少了嵌套之后,阅读起来变得更容易了。11、尽可能使用默认参数在JavaScript中,如果调用函数时不传参数,其值为undefinedFail:myFunction(a,b){returna+b;}Pass:myFunction(a=0,b=0){returna+b;}12.`switch`语句应该使用`break`并且有`default`我通常尽量不使用switch语句,但你真的想使用它,确保每个条件都是break,并写上defalut。失败:switch(myNumber){case10:addDiscountPercent(0);case20:addDiscountPercent(2);case30:addDiscountPercent(3);}通过:switch(myNumber){case10:addDiscountPercent(0);break;case20:addDiscountPercent(2);break;case30:addDiscountPercent(3);break;default:addDiscountPercent(0);break;}13.不要使用通配符导入Fail:import*asFoofrom'./Foo';通过:importFoofrom'./Foo';14。对布尔值使用快捷方式Fail:if(isValid===true)if(isValid===false)Pass:if(isValid)if(!isValid)15.尽量避免不必要的三元语句Fail:constboo=a?a:b;通过:constboo=a||b;总结任何语言的编码标准都可以真正帮助提高应用程序的可读性和可维护性。如果您在团队中工作,其中一件困难的事情就是执行编码标准。以下是一些可以帮助您的建议:代码审查、逐行通过代码。清理或使用某种代码分析器创建新内容时,让您的一位高级开发人员对其进行初始化,其他开发人员可以使用该代码作为指导。