代码规范建议

  1. 变量名采用下划线并且尽可能用英文描述清楚意图例如 projectid可以写作project_id

  2. 方法名尽量采用驼峰法 例如 getProjectDetial

  3. 如果多处使用同一判断表达式应尽量采取定义变量保存表达式结果的方式,这样一是减少代码量,更重要的是方便后期维护 !!注意定义出来的这个变量一定要写清楚注释

  4. 尽量采用 ===来代替 ==

  5. 尽量多用ES6语法 例如:对于ajax请求返回的结果可以采用解构赋值,字符串拼接可以采用模板字符串等等 可以看看这个https://blog.csdn.net/RUCwang/article/details/83002819

  6. 用async...await代替generator函数或者多层Promise函数,因为这样简单但是原理是一样的

  7. 对于判断一个数组或者字符串是否包含一个值的情况用includes方法会好一些

  8. 注意Object.assgin()的使用

  9. 注意参数可以简写比如:

    function getProjectDetail(url,project_id){
      //let params = {
        //project_id:project_id
      //} 
      //这里可以看到后台需要的参数是project_id,让我们定义的形参也是project_id所以这里可以简写成下面
      //let params = {
        //project_id
      //}
      //对于参数较少的情况可以直接定义成下面的这种 {project_id}
      axios.get(url,{project_id}).then(res=>{
        ...
        ... 
      })
    }
    
  10. if...else的优化

//情况一:
let a = 1,
    b=2,
    c;
if(a=== b){
  c = true;
}else{
  c === false
}
//类似这种的可以直接写 c = a===b
c=a===b


//情况二:
let a = []
if(a.length>0){
  doSthing()
} 
//这种注意两点:
//1.判断条件a.length>0可以直接写成a.length即:
 if(a.length){
   doSthing()
 } 
//2.利用运算&&巧妙简化,综合1的情况可以直接写为:
 a.length&&doSthing()


//情况3对于下面这种情况:
//如果是0,就是乔丹
//如果是1,就是科比
//如果是2,就是韦德
//如果是3,就是麦迪
//有2种处理方式
//1:
//数组映射
let nameArr= ['乔丹','科比','韦德','麦迪']
name = nameArr[index]
//2:
//JSON优化
let nameObj = {
  '0':'乔丹',
  '1':'科比',
  '2':'韦德',
  '3':'麦迪',
}
name = nameObj[key]

!!注意 这里不是很推荐switch -case这种方式,不是因为这种方式不好,但就代码量来说,和用if判断没有什么差别,还是要写很多判断,不够简洁。

(如果你喜欢这篇文章,就我一个转、评、赞吧,不足之处还希望诸位大神批评、指正)

最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,875评论 0赞 5
  • 目的 团队项目不是一个人在写代码,自己写代码爽了,也要让别人看着清晰 减少bug处理,方便bug查找解决,提高开发...
    alanwhy阅读 731评论 0赞 6
  • 概要 64学时 3.5学分 章节安排 电子商务网站概况 HTML5+CSS3 JavaScript Node 电子...
    阿啊阿吖丁阅读 10,047评论 0赞 3
  • 【自跨界太极公众号】学术 | 白舒荣:热血男儿——北奥和他的文学创作 跨界太极 华人号 18-12-11 11:0...
    闲云_fe37阅读 424评论 0赞 2
  • 2020.01.16 晚 22:04 问题 我们从下面2个问题去对状态模式进行探讨 状态模式有什么用? 如何实现状...
    旧时袋阅读 245评论 0赞 0

友情链接更多精彩内容