好的编程习惯(1)

概述

咱们程序员写代码就是为了给别人看的嘛，因此代码易读性很重要。这里我总结一些看别人代码时以为不错的习惯，记录下来，慢慢地向他们学习。

代码换行

有时候咱们会写出很长一行代码，虽然编辑器有换行功能，可是挤在一块儿会很是难看。

对于html，一个标签太长了确定是由于属性多了，因此能够把每个属性进行换行，以下所示：

<div
  id="wrapper_wrapper"
  style="display: block;">
</div>

对于js，因为编辑器不会在多元运算符后面加分号，因此能够在多元运算符后面换行，以下所示：

(project.name && project.name.toLowerCase().indexOf(this.searchProject.toLowerCase()) !== -1) ||
  (project.creator.username &&
    project.creator.username.toLowerCase().indexOf(this.searchProject.toLowerCase()) !== -1));

须要注意的是，每次换行咱们都要缩进一下。另外因为咱们会经常换行，因此缩进2个空格比较合适。

容错

在方法里面，若是一个函数或者变量声明了，可是没有值，可能就会报错，以下所示：

const haha = cb => cb();

const haha2 = a => console.log(a);

const haha3 = a => console.log(a.b);

// 执行haha()会报错
haha();

// 执行haha2()不会报错
haha2();

// 执行haha3()会报错
haha3();

因为js是单线程的，因此一旦报错，就不会执行后面的代码了。因此为了增长代码的健壮性，最好在可能报错的地方加上判断：

const haha = cb => {
  if(typeof cb === 'function') {
    cb();
  }
}
// 执行haha()不会报错
haha();

const haha3 = a => {
  if(a) {
    console.log(a.b);
  }
}
// 执行haha3()不会报错
haha3();

固然，多加的判断确定会对性能有影响，因此看本身权衡，若是确定不须要判断就不要加了。

const

能用const的时候必定要用const！！！