【前端】Ionic3 升级到Ionic4的代码规范

前言

     小编最近升级Ionic版本3--4时，发现有一些代码规范方面的事项，特意摘出来，总结一些，希望遇到类似的问题时，可以及时解决，不占用主要的开发时间。

格式规范

    一、双引号""全部改为单引号''

    二、"=="改为"==="

    三、if语句的规范

       错误写法    

if (this.isChoujiang || this.isRedpacket || this.isActivity) { this.isNoMessage = false; } else { this.isNoMessage = true; }

     正确写法，else必须和if语句的第二个花括号同一行

if (this.isChoujiang || this.isRedpacket || this.isActivity) { this.isNoMessage = false; } else { this.isNoMessage = true; }

  四、方法()后必须以分号;结尾 

  五、注释语句// 必须以空格隔开

  // 退出界面时，轮播图停止 ionViewWillLeave() { this.slides.stopAutoplay(); }

 

声明规范

一、只能使用const、let声明变量，不能使用var

const url = 'kernel-web/user/findDiffInfo/' + this.userId; let buttons = []; buttons=['抽奖','发红包'];

二、同一方法内，不能声明同名变量 

否则会报错，提示：Shadowed name: 'i'

                                         

// i j两个变量声明 if (arr[i].reason !== '' && arr[i].reason.length > 14) { const str = arr[i].reason; let newLength = 0; let newStr = ''; const chineseRegex = /[^\x00-\xff]/g; let singleChar = ''; const strLength = str.replace(chineseRegex, '**').length; for (let j = 0; j < strLength; j++) { singleChar = str.charAt(j).toString(); if (singleChar.match(chineseRegex) != null) { newLength += 2; } else { newLength++; } if (newLength > this.reasonlen) { break; } newStr += singleChar; } if (strLength > this.reasonlen) { newStr += '...'; } arr[i].reason = newStr; }

小结

    通过迁移代码，升级ionic框架，自己在这个过程中，也是学到了很多，成长了一些，更加明确代码规范的重要性及其表现的几个方面。

                                                                           感谢您的访问！