首页 > Web开发 > 详细

让你的js代码高大上

时间:2014-03-29 12:47:10      阅读:542      评论:0      收藏:0      [点我收藏+]

1,创造简短的写法

你可以这么写:

bubuko.com,布布扣
1 var slice = Array.prototype.slice;
2 slice.call(arguments); //转化成数组
bubuko.com,布布扣

也可以这么写:(ie9+)

bubuko.com,布布扣
1 var unboundSlice = Array.prototype.slice; 
2 var slice = Function.prototype.call.bind(unboundSlice);
3 slice(arguments);//转化成数组
bubuko.com,布布扣

还可以这么写:

bubuko.com,布布扣
1 (function(slice){
2       slice(arguments);
3 })(Array.prototype.slice);
bubuko.com,布布扣

 

2,原型方法扩展:

你可以这么写:

bubuko.com,布布扣
1 function   A(){};
2 A.prototype.fn1=function(){};
3 A.prototype.fn2=function(){};
bubuko.com,布布扣

也可以这么写:

bubuko.com,布布扣
1  function A(){};
2  A.prototype={
3     constructor:A,
4     fn1:function(){},
5     fn2:function(){}
6  };
bubuko.com,布布扣

还可以这么写:

bubuko.com,布布扣
1 function A(){};
2 $.extend(A.prototype,{
3     fn1:function(){},
4     fn2:function(0{}
5 });
bubuko.com,布布扣

 

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

你可以这么写:

bubuko.com,布布扣
1 function A(){
2     var a=[];
3     
4     a.push("str1"); 
5     a.push("str2");
6     a.push("str3"); 
7 
8     return a.join("");
9 };
bubuko.com,布布扣

也可以这么写:

bubuko.com,布布扣
1 function A(){
2     return [
3         "str1",
4         "str2",
5         "str3"
6        ].join("");
7 };
bubuko.com,布布扣

 

4,逗号表达式

你可以这么写:

bubuko.com,布布扣
1 var   a;
2 var   b;
3 var   c;
bubuko.com,布布扣

也可以这么写:

bubuko.com,布布扣
1 var  a,b,c;
bubuko.com,布布扣

 

5,巧用&&

你可以这么写:

bubuko.com,布布扣
1 if(a){
2  b();  
3 };//如果a为真,则执行函数b
bubuko.com,布布扣

也可以这么写:

bubuko.com,布布扣
1 a && b();
bubuko.com,布布扣

 

6,巧用||

你可以这么写:

bubuko.com,布布扣
1 if(!a){
2   c();  
3 };//如果a为假,则执行函数c
bubuko.com,布布扣

也可以这么写:

bubuko.com,布布扣
1 !a || c();
bubuko.com,布布扣

 

7,巧用三元表达式

你可以这么写:

bubuko.com,布布扣
1 if(a){
2   b();  
3 }else{
4    c();
5 }//如果a为真,则执行函数b,否则执行函数c;
bubuko.com,布布扣

也可以这么写:

bubuko.com,布布扣
1 a ? b():c();
bubuko.com,布布扣

 

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

你可以这么写:

bubuko.com,布布扣
1 1 $(obj).click(function (){});
2 2 $(obj).focus(function (){});
3 3 $(obj).blur(function (){});
bubuko.com,布布扣

也可以这么写:

bubuko.com,布布扣
1 $(obj).bind({
2     click:function(){},
3     foucus:function(){},
4     blur:function:(){}
5 });
bubuko.com,布布扣

 

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

你可以这么写:

bubuko.com,布布扣
1 for(var i =0 ;i < obj.length; i++){};
bubuko.com,布布扣

也可以这么写:

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

 10,数组拼合

你可以这么写:

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

也可以这么写:

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

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

开心一刻:

bubuko.com,布布扣

让你的js代码高大上,布布扣,bubuko.com

让你的js代码高大上

原文:http://www.cnblogs.com/wenber/p/3630373.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!