编码标准可以通过以下方式提供帮助：保持代码一致易于阅读和理解易于维护下面的编码标准是我对以上几点的帮助。1、比较时用===代替==。这很重要，因为JavaScript是一种动态语言，所以使用==可能会给您带来意想不到的结果，因为它允许类型不同。Fail:if(val==2)Pass:if(val===2)2.永远不要使用var，使用let而不是使用let将有助于避免JavaScript中各种var引起的作用域问题。失败：varmyVar=10；通过：让myVar=10;在学习web前端的过程中，难免会遇到很多问题。这些问题可能会困扰你很长时间。为此，我建了一个web开发学习交流群（545667817），都是掘金小伙伴，整理了最全的前端学习资料，从最基础的HTML+CSS+JS到实际的学习资料移动HTML5项目。任何想学习的人都可以申请加入。大家互相学习，互相交流共同进步，每天分享不同的学习资料！3.使用const而不是let这可以阻止开发人员尝试更改他们不应该更改的内容，并且有助于提高可读性。失败：让VAT_PERCENT=20；通过：constVAT_PERCENT=20;4.始终使用分号（;）虽然这在JavaScript中是可选的，但它不像其他语言那样需要分号作为语句终止符。但是使用;有助于保持代码的一致性。失败：constVAT_PERCENT=20；letamount=10returnaddVat(amount,vatPercent)通过：constvatPercent=20;让数量=10；返回addVat（金额，vatPercent）；5.JavaScript中的命名约定let应该使用驼峰式大小写。const如果在文件顶部使用大写蛇形命名法。如果不在文件顶部，请使用驼峰式命名法。类应该是Pascal命名法：MyClassfunctions函数应该是驼峰命名法：myFunction6。连接字符串时，使用模板字符串模板字符串中允许嵌入表达式。失败：让fullName=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）doSomething（）；否则如果（数量>200）doSomethingElse（）；通过：如果（有效）{doSomething（）;}如果（数量>100）{doSomething();}elseif(amount>200){doSomethingElse();}9.确保大括号在同一行开始，中间有空格Fail:if(myNumber===0){doSomething();}Pass:if(myNumber===0){doSomething();}10.尝试减少ifs中的嵌套ifs会变得混乱且难以阅读。有时候可能解决不了问题，但是可以好好看看代码结构，看看能不能改进一下。失败：如果（我的号码>0）{如果（我的号码>100）{如果（！hasDiscountAlready）{返回addDiscountPercent（0）;}else{返回addDiscountPercent(10);}}elseif(myNumber>50){if(hasDiscountAlready){returnaddDiscountPercent(5);}}else{if(!hasDiscountAlready){returnaddDiscountPercent(0);}else{返回addDiscountPercent(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);案例20：addDiscountPercent(2)；case30:addDiscountPercent(3);}通过:switch(myNumber){case10:addDiscountPercent(0);20：添加折扣百分比（2）；休息;案例30：addDiscountPercent(3)；休息;默认值：addDiscountPercent(0)；break;}13.不要使用通配符导入Fail:import*asFoofrom'./Foo';Pass:importFoofrom'./Foo';14.对布尔值使用快捷方式Fail:if(isValid===true)if(isValid===false)Pass:if(isValid)if(!isValid)15.尽量避免不必要的三元语句Fail:constboo=a?一个：乙；通过：constboo=a||b;总结一下任何语言的编码标准，确实可以帮助提高你的应用程序的可读性和可维护性。如果您在团队中工作，其中一件困难的事情就是执行编码标准。这里有一些建议可以帮助你：代码审查，逐行通过代码。当使用某种代码分析器整理或创建新内容时，让您的一位高级开发人员对其进行初始化，其他开发人员可以使用该代码作为指导。最后：各位前端小伙伴，想学习web前端，或者转行，大学生，工作中想提升能力的，在读的小伙伴，欢迎加入学习（545667817).
