马上注册，结交更多好友，享用更多功能^_^
您需要 登录 才可以下载或查看，没有账号？立即注册
x
本帖最后由 不二如是 于 2020-3-30 15:58 编辑
今天给鱼油科普几个 JavaScript 函数的编写原则，之前写过一个长文：解读Google's JS 代码规范。
这次只是几个简单但很实用的小技巧，通过糟糕和秀儿的代码演示进行对比。
总共是 5 条，列一个提纲，鱼油按需阅读即可：
1、删除弃用代码
在项目中，有些代码可能我们已经注释掉了，但是担心以后会重用，有点舍不得删除。
如果这样，这些代码可能永远都放在那里，建议立马删除掉。
因为我们也可以在代码库历史版本中找到它。
2、不要随便优化
我们通常使用的现代浏览（Chrome、Safari、Firefox）已经做了很多引擎优化。
比如下面例子所示，在老的浏览器中由于list.length没有做缓存，每次迭代都会计算，造成不必要的开销：// 糟糕
for(var i = 0 , len = list.length ; i < len ; i++){
// 操作
}
// 秀儿
for(var i = 0 ; i < list.length ; i++){
// 操作
}
3、少用“非”条件句
用了太多非，除了炫耀自己的逻辑好，感觉很给别人添麻烦。
就像简单的一句话：我是小可爱，非要加“非”，我不是一个小可爱才怪...
上代码：// 糟糕
function isKeyDomPre(node){
//...
}
if(! isKeyDomPre(node)){
//...
}
// 秀儿
function keyDomPre(node){
}
if(keyDomPre(node)){
}
4、不要传 flag 参数
通常情况下，保证一个函数只干一件事，是最好滴。
传入多个行参，想干很多事情，很不适合后期维护：// 糟糕
function superFunction(sum,result,name){
if(sum){
//...
if(name){
//...
}
}
else{
return result;
}
}
// 秀儿
function addFun(sum,result){}
function showName(name){}
如果喜欢，别忘了评分 ：
这位鱼油，如果喜欢本系列Js帖子，请订阅 专辑 -->（ 传送门）（ 不喜欢更要订阅 ）
| 
( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)
狗仔卡
发表于 2019-1-21 17:09:52
置顶卡
千斤顶
显身卡
发表于 2019-2-10 14:06:34
发表于 2020-5-5 09:28:47
