加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

这些被同事喷的JS代码风格你写过多少?

发布时间:2019-02-14 12:17:35 所属栏目:建站 来源:殷荣桧
导读:现在写代码比以前好多了,代码的格式都有 eslint、prettier、babel(写新版语法) 这些来保证,然而,技术手段再高端都不能解决代码可读性(代码能否被未来的自己和同事看懂)的问题,因为这个问题只有人自己才能解决。我们写代码要写到下图中左边这样基本上

YES:使用结构赋值:

  1. const data = {name:'dys', age:1};  
  2. const {name, age} = data;   // 怎么样,是不是简单明了  
  3. var fullName = ['jackie', 'willen'];  
  4. const [firstName, lastName] = fullName; 

(4) 尽量使用类class

NO: 采用传统的函数原型链实现继承

  1. 典型的 ES5 的类(function)在继承、构造和方法定义方面可读性较差,当需要继承时,优先选用 class。代码太多,,就省略了。 

YES:采用ES6类实现继承

  1. class Animal {  
  2.   constructor(age) {  
  3.     this.age = age  
  4.   }  
  5.   move() {  
  6.     /* ... */  
  7.   }  
  8. }  
  9. class Mammal extends Animal {  
  10.   constructor(age, furColor) {  
  11.     super(age)  
  12.     this.furColor = furColor  
  13.   }  
  14.   liveBirth() {  
  15.     /* ... */  
  16.   }  
  17. }  
  18. class Human extends Mammal {  
  19.   constructor(age, furColor, languageSpoken) {  
  20.     super(age, furColor)  
  21.     this.languageSpoken = languageSpoken  
  22.   }  
  23.   speak() {  
  24.     /* ... */  
  25.   }  

先写到这了,这是目前为止发现的问题,这篇文章中并没有完全覆盖到常见的写代码的不好的习惯,所以你如果觉的有需要补充的,都可以在文章下方评论,或者直接到我的Github的这篇文章中评论。对于有用的,都将补充到我的掘金和Github中去。同时,你如果觉的文章写得还可以,Please在我的Github中送上你宝贵的Star,你的Star是我继续写文章最大的动力。

注:除了上述这些人为习惯之外,就像前面提到的,对于机械性的,你可以使用Babel、Eslint、Prettier这些工具来保证代码的格式一致。

【责任编辑:庞桂玉 TEL:(010)68476606】
点赞 0

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读