JS写得更漂亮

1.定义变量的时候要指明类型,告诉 JS解释器这个变量是什么数据类型的,而不要让解释器去猜,例如不好的写法:

var num,
    str,
    obj;

声明了三个变量,但其实没什么用,因为解释器不知道它们是什么类型的,好的写法应该是这样的:

var num = 0,
    str = '',
    obj = null;

定义变量的时候就给他一个默认值,这样不仅方便了解释器,也方便了阅读代码的人,他会在心里有数--知道这些变量可能会当作什么用。

2.不要随意地改变变量的类型,例如下面代码:

var num = 5;
num = "-" + num;

因为JS最终都会被解释成汇编的语言,汇编语言变量的类型肯定是要确定的。
3.函数的返回类型应该是要确定的,例如下面不确定的写法:

function getPrice(count){
  if(count < 0) return "";
  else  return count * 100;
}

此时返回类型可能是字符类型也可能是数值类型
4.不要让代码暴露在全局作用域下,例如:

<script>
  var map = document.querySelector('#my-map');
  map.style.height = "600px";
</script>

改为如下的局部作用域后,查找效率更高:

<script>
!function(){
  var map = document.querySelector('#my-map');
  map.style.height = "600px";
}()
</script>

改成局部作用域后,既提升了查找效率,又避免污染window对象
5.不要滥用闭包
6.避免==的使用
7.用三目运算符取代简单的if-else
8.块级作用域变量
9.使用ES6的class
10.使用箭头函数取代小函数

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容