让你的javascript代码高大上

1，创造简短的写法

你可以这么写：

 var slice = Array.prototype.slice;
 slice.call(arguments); //转化成数组

也可以这么写：(ie9+)

 var unboundSlice = Array.prototype.slice;
 var slice = Function.prototype.call.bind(unboundSlice);
 slice(arguments);//转化成数组

还可以这么写：

 (function(slice){
       slice();   //可以直接调用该方法
 })(Array.prototype.slice);

2,原型方法扩展：

你可以这么写：

 function   A(){};
 A.prototype.fn1=function(){};
 A.prototype.fn2=function(){};

也可以这么写：

  function A(){};
  A.prototype={
     constructor:A,
     fn1:function(){},
     fn2:function(){}
  };

还可以这么写：

 function A(){};
 $.extend(A.prototype,{
     fn1:function(){},
     fn2:function(0{}
 });

3，返回一个由数组拼合成的字符串

你可以这么写：

 function A(){
     var a=[];

     a.push("str1");
     a.push("str2");
     a.push("str3"); 

     return a.join("");
 };

也可以这么写：

 function A(){
     return [
         "str1",
         "str2",
         "str3"
        ].join("");
 };

4,逗号表达式

你可以这么写：

 var   a;
 var   b;
 var   c;

也可以这么写：

1 var  a,b,c;

5,巧用&&

你可以这么写：

1 if(a){
2  b();
3 };//如果a为真，则执行函数b

也可以这么写：

1 a && b();

6,巧用||

你可以这么写：

 if(!a){
   c();
 };//如果a为假，则执行函数c

也可以这么写：

 !a || c();

7,巧用三元表达式

你可以这么写：

 if(a){
   b();
 }else{
    c();
 }//如果a为真，则执行函数b,否则执行函数c;

也可以这么写：

 a ? b():c();

8,同一个对象上绑定多个事件

你可以这么写：

 1 $(obj).click(function (){});
 2 $(obj).focus(function (){});
 3 $(obj).blur(function (){});

也可以这么写：

 $(obj).bind({
     click:function(){},
     foucus:function(){},
     blur:function:(){}
 });

9,缓存对象属性，防止每次都去读取属性

你可以这么写：

 for(var i =0 ;i < obj.length; i++){};

也可以这么写：

for(var i=0, len=obj.length;  i < len; i++){};

10,数组拼合

你可以这么写：

 var a=[1,2,3];
 var b=[4,5,6];
 var a=a.concat(b);//a=[1,2,3,4,5,6]

也可以这么写：

 var a=[1,2,3];
 var b=[4,5,6];
 a.push.apply(a,b);//a=[1,2,3,4,5,6]

这个地方不能不call哦，apply的参数必须是数组，此处正是利用了这一点！

11，没有库时，应该做简易的封装

你可以这么写：

 var  dom1 = document.getElementById("id1");
 var  dom2 = document.getElementById("id2");

也可以这么写：

 function D(id){
    return document.getElementById(id);
 }

 var dom1=D("id1");
 var dom2=D("id2");

12,善于使用正则：

你可以这么写：

 if(document.readyState==="loaded" || document.readyState==="complete"){}

也可以这么写：

 if (/loaded|complete/.test(document.readyState)){}

13,利用js内部的自我转换

你要将number和string转换，可以这么做:

 //number转化成string
 var num=123;
 var str=num.toString(); //"123"

 //string转化成number
 var str="123";
 var num = parseInt(str,10);  //

也可以这么写：

 //number转化成string
 var num=123;
 var str=num+""; //"123"

 //string转化成number
 var str="123";
 var num = str-"";  //

14，使用原型进行批量复制：

你可以这么写：

 function f(x){
    x!=null && this.x=x;
 };
 var a = [];
 for(var i = 0; i<100; i++){
    a[i]=new f(10);     //把实例分别存入数组
 };

也可以这么写：

function f(x){
   x!=null && this.x=x;
};
var a = [];
function temp = {};
temp.prototype=new f(10);
for(var i = 0; i<100; i++){
   a[i]=new temp();     //把实例分别存入数组
};

假如你想修改数组的值，只需要修改类f的原型即可。

开心一刻：