【前端】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框架,自己在这个过程中,也是学到了很多,成长了一些,更加明确代码规范的重要性及其表现的几个方面。

                                                                           感谢您的访问!

发布了231 篇原创文章 · 获赞 154 · 访问量 27万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览