• 注册
当前位置:1313e > 默认分类 >正文

前端代码编写小技巧

实现相同的逻辑功能,不同的人可能用不同的方式来编写代码实现,但是有的代码写得简洁明了,而且鲁棒性强,有的代码就写得冗余繁琐,而且常常漏洞百出,本文将持续总结本人在代码实践中的一些经验教训,鞭策自己不断地提高代码书写质量,也希望能够给其他的程序员提供一些参考。

一、在使用某个对象中的方法的时候,要对其进行判空操作,因为你拿到这个对象(特别是异步拿到的时候),谁也说不好发生什么,谁也不能确定拿到的就是你所期望的对象,所以记住铁律:在使用某个对象时,先判断它是不是你想要的那个对象。如:

if (obj) {...
}

特别是那种连续取值,如a.b.c.d,更是要逐一判断是否为空,如果用嵌套的if当然不好,可以用链式&&:

if (a && a.b && a.b.c && a.b.c.d) {...
}

前面说到使用一个对象前要对其进行判空操作,那么我们经常就会有这种写法:

if (obj) {return express1;
}
else {return express2;
}   

巧用三目表达式简写一类逻辑
虽然这种写法简单明了,可读性强,但是由于代码块中只是简单的return操作,所以完全可以用三目表达式来写这类逻辑:

obj ? express1: express2;

二、善用数组的一些原生方法,如经常会遇到这种情况,我们想把数组a[]中的每个元素进行加工一下,然后push到数组b[]中:

let b = [];
a.foreach((item) => {b.push(func(item));
})

这个时候我们就可以用数组的map方法,即: new[] + push = map,这样写法简洁明了:

let b = a.map((item) => {return func(item);
})

这篇文章对数组中所有方法的用途进行简单的总结,可做参考。

本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 162202241@qq.com 举报,一经查实,本站将立刻删除。

最新评论

欢迎您发表评论:

请登录之后再进行评论

登录