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.使用箭头函数取代小函数
网友评论