0 2 3 9 ★ JS 函数编写的#4条心法

不二如是

上一篇： 0 2 3 8 ★ 臊瑞会JS真的了不起？！ |【吹水含量过高】

                               
登录/注册后可看大图

今天给鱼油科普几个 JavaScript 函数的编写原则，之前写过一个长文：解读Google's JS 代码规范。

这次只是几个简单但很实用的小技巧，通过糟糕和秀儿的代码演示进行对比。

总共是 5 条，列一个提纲，鱼油按需阅读即可：

游客，如果您要查看本帖隐藏内容请回复

---

1、删除弃用代码

在项目中，有些代码可能我们已经注释掉了，但是担心以后会重用，有点舍不得删除。

如果这样，这些代码可能永远都放在那里，建议立马删除掉。

因为我们也可以在代码库历史版本中找到它。

---

2、不要随便优化

我们通常使用的现代浏览（Chrome、Safari、Firefox）已经做了很多引擎优化。

比如下面例子所示，在老的浏览器中由于list.length没有做缓存，每次迭代都会计算，造成不必要的开销：

1. // 糟糕
   
2.         for(var i = 0 , len = list.length ; i < len ; i++){
   
3.             // 操作
   
4.         }
   
5.         
   
6.         // 秀儿
   
7.         for(var i = 0 ; i < list.length ; i++){
   
8.             // 操作
   
9.         }

复制代码

---

3、少用“非”条件句

用了太多非，除了炫耀自己的逻辑好，感觉很给别人添麻烦。

就像简单的一句话：我是小可爱，非要加“非”，我不是一个小可爱才怪...

上代码：

1. // 糟糕
   
2.         function isKeyDomPre(node){
   
3.             //...
   
4.         }
   
5. 
   
6.         if(! isKeyDomPre(node)){
   
7.             //...
   
8.         }
   
9. 
   
10.         // 秀儿
    
11.         function keyDomPre(node){
    
12.             
    
13.         }
    
14.         if(keyDomPre(node)){
    
15.             
    
16.         }

复制代码

---

4、不要传 flag 参数

通常情况下，保证一个函数只干一件事，是最好滴。

传入多个行参，想干很多事情，很不适合后期维护：

1. // 糟糕
   
2.         function superFunction(sum,result,name){
   
3.             if(sum){
   
4.                 //...
   
5.                 if(name){
   
6.                     //...
   
7.                 }
   
8.             }
   
9.             else{
   
10.                 return result;
    
11.             }
    
12.         }
    
13. 
    
14.         // 秀儿
    
15.         function addFun(sum,result){}
    
16. 
    
17.         function showName(name){}

复制代码

                               
登录/注册后可看大图

下一篇： 0 2 4 0 ★ 最简单的判断看出菜鸟与大神的区别 |【还不来学 JS】

---

如果喜欢，别忘了评分 ：

                               
登录/注册后可看大图

这位鱼油，如果喜欢本系列Js帖子，请订阅 专辑 -->（传送门）（不喜欢更要订阅 ）

longren_fu

1111111

TCY

第五条呢？

zhanyy08

努力学习中

dcgcjtrac

回复

讨债仔

Qmh

xuexiji

学习

js0086

牛逼啊

MoukuC

1

tianyuan

一笙彤

2
2

iguazu

GLBGLB

q

717986230

1

Aristo

ilovefishc

jack6666

1

小凯2013

？？？？？