JavaScript 经验总结

一、简化代码

1.1 JavaScript创建对象

一般是这样写的：

var car=new Object();
car.colour='red';
car.wheels=4;
car.hubcaps='spinning';
car.age=4;

代码很正确，但是有点不足的是你一直在重复敲car，很繁琐。

var car={
colour:'red',
wheels:4,
hubcaps:'spinning',
age:4
}//这样写简短多了，而且不需要重复写对象的名称

1.2 JavaScript声明数组

一般是这样写的：

var movies=new Array('Transformers','Transformers2');

看起来与其它高级语言都相同，但是还有更简洁的写法：

var movies=['Transformers','Transformers2'];

注意：对于数组，还有关联数组，其实就是对象的别名而已。

//上面的对象也可以这样写
var car=new Array();
car['colour']='red';
car['wheel']=4;
car['hubcaps']='spinning';
car['age']=4;

1.3 利用三元运算符

element?element2:element;

二、使用JSON作为数据格式

注意：JSON是完全独立于程序语言的文本格式。
//暂时还没有理解

三、尽量使用JavaScript原生函数

例如：要找出一组数字中的最大数，我们可能会写一个循环，如下

var numbers = [3,342,23,22,124];  
var max = 0;  
for(var i=0;i<numbers.length;i++){ 
	if(numbers[i] > max){  
		max = numbers[i];  
	}	  
}  
alert(max); 

其实，我们不用循环同样可以实现相同的功能：

var numbers = [3,342,23,22,124];  
numbers.sort(function(a,b){return b - a});  
alert(numbers[0]); 

然而最简洁的写法是：

Math.max(12,123,3,2,433,4); // returns 433

四、事件委托

事件是JavaScript非常重要的一个部分。我们想给一个列表中的链接绑定点击事件，一般的做法是写一个循环，给每个链接对象绑定事件。

基本原理是：在支持冒泡型事件中，在父节点绑定事件来实现。

五、函数优化

我们写代码时经常会遇到的现象：

function something(){
    if ()    {
        //do
    }else {
        //do other
    }
}

看起来是很正常，符合我们的使用习惯，但是每次函数调用判断条件都要执行一次，即使上面的代码执行速度很快，也没有重复执行他们多次的必要。

优化建议：先执行判断条件，然后创建函数。

判断？function（）{}：function（）{}