设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 重新 试卷 文件
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

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

发布时间:2019-02-14 03:44 所属栏目:21 来源:殷荣桧
导读:YES:使用结构赋值: constdata={name:'dys',age:1}; const{name,age}=data;//怎么样,是不是简单明了 varfullName=['jackie','willen']; const[firstName,lastName]=fullName; (4) 尽量使用类class NO: 采用传统

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

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读