如何写出优雅兼备可读性的javascript代码

即或是最简单的需求,不同的程序员也会写出不一样的代码:

需求:充值程序过虑不符合条件的充值金额,即只能充入100、200、500、1000金额,其它过虑:

1.菜鸟程序员可能会这样写,虽然可读性强,代码啰嗦,不够优雅。

$(function () {
            var recharge = 100;

            if (100 == recharge || 200 == recharge || 500 == recharge || recharge == 1000) {
                //to do some thing!
            }
        });

2.老鸟程序员可能会这样写,代码简洁,但可读性弱。

1 $(function () {
2             var recharge = 100;
3
4             if (/1000|([1,2,5][0]{1,2})/g.test(recharge)) {
5                 //to do some thing!
6             }
7         });

3.比较推荐的写法是这样的,既优雅又兼备阅读性。

$(function () {
            Array.prototype.inArray = function (func, item) {
                var cur = this;

                for (var idx in cur) {
                    if (func(cur[idx], item)) {

                        return true;
                    }
                }

                return false;
            };

            var recharge = 100;

            if([100, 200, 500, 1000].inArray(function (i, cur) {
                return i == cur;
            }, recharge)) {
                //to do some thing!
            }
        });
时间: 2024-10-15 20:13:21

如何写出优雅兼备可读性的javascript代码的相关文章

如何写出优雅耐看的JavaScript代码

参考链接:https://segmentfault.com/a/1190000020444918?utm_medium=hao.caibaojian.com&utm_source=hao.caibaojian.com&share_user=1030000000178452 原文地址:https://www.cnblogs.com/ziyoublog/p/11572271.html

如何写出优雅的CSS代码 ?(转)

对于同样的项目或者是一个网页,尽管最终每个前端开发工程师都可以实现相同的效果,但是他们所写的代码一定是不同的.有的优雅,看起来清晰易懂,代码具有可拓展性,这样的代码有利于团队合作和后期的维护:而有的混乱,虽然表达出了最终的效果,然而却晦涩难懂,显然团队成员在读这样的代码时就显得无从下手,更不利于后期的维护了.那么如何写出优雅的代码呢?下面我将以一个很小的项目就以下几个方面简单的表达一下自己的看法,如有不妥,望批评指正. 如何整理一个项目. 如何写出清晰易懂的HTML代码. 如何写出优雅的css代

【知识点】如何写出优雅的CSS代码 ?

对于同样的项目或者是一个网页,尽管最终每个前端开发工程师都可以实现相同的效果,但是他们所写的代码一定是不同的.有的优雅,看起来清晰易懂,代码具有可拓展性,这样的代码有利于团队合作和后期的维护:而有的混乱,虽然表达出了最终的效果,然而却晦涩难懂,显然团队成员在读这样的代码时就显得无从下手,更不利于后期的维护了.那么如何写出优雅的代码呢?下面我将以一个很小的项目就以下几个方面简单的表达一下自己的看法,如有不妥,望批评指正. 如何整理一个项目. 如何写出清晰易懂的HTML代码. 如何写出优雅的css代

如何写出优雅的css代码?

如何写出优雅的css代码? 对于同样的项目或者是一个网页,尽管最终每个前端开发工程师都可以实现相同的效果,但是他们所写的代码一定是不同的.有的优雅,看起来井井有条,清晰易懂,这样的代码有利于团队合作和后期的维护:而有的混乱,虽然表达出了最终的效果,然而却晦涩难懂,显然团队成员在读这样的代码时就显得无从下手,更不利于后期的维护了.那么如何写出优雅的代码呢?下面我将以一个很小的项目就以下几个方面简单的表达一下自己的看法,如有不妥,望批评指正. 如何整理一个项目. 如何写出清晰易懂的HTML代码. 如

【原创】怎样才能写出优雅的 Java 代码?这篇文章告诉你答案!

本文已经收录自 JavaGuide (59k+ Star):[Java学习+面试指南] 一份涵盖大部分Java程序员所需要掌握的核心知识. 本文比较简短,基本就是推荐一些对于写好代码非常有用的文章或者资源.讲真的,下面推荐的文章或者资源强烈建议阅读 3 遍以上. 团队 阿里巴巴Java开发手册(详尽版) https://github.com/alibaba/p3c/blob/master/阿里巴巴Java开发手册(华山版).pdf Google Java编程风格指南: http://hawste

不要滥用面向对象,写出难以阅读和修改的代码

笔者参与过一些完全以面向对象为设计思想的项目,不过感觉都不太好,例如,它们往往有非常之多的硬编码和隐藏的逻辑,导致小小的修改往往会出现意外的问题:因为对象调用跳转太多,代码也很难阅读和修改,调用关系很难理解. 个人认为,这不但是写代码的人不注意的问题,而是面向对象这种方法,鼓励了非常之不好的代码写法: 1.  面向对象倾向于将所有函数都定义为内部函数,不喜欢将函数独立出来,函数需要的变量都定义为对象的内部变量,于是很多人开始写出这样的代码:所有的成员函数基本没有什么参数,执行时候不知道在干什么,

React 系列 - 写出优雅的路由

前言 自前端框架风靡以来,路由一词在前端的热度与日俱增,他是几乎所有前端框架的核心功能点.不同于后端,前端的路由往往需要表达更多的业务功能,例如与菜单耦合.与标题耦合.与"面包屑"耦合等等,因此很少有拆箱即用的完整方案,多多少少得二次加工一下. 1. UmiJS 简述 优秀的框架可以缩短 90% 以上的无效开发时间,蚂蚁的 UmiJS 是我见过最优雅的 React 应用框架,或者可以直接说是最优雅的前端解决方案(欢迎挑战),本系列将逐步展开在其之上的应用,本文重点为"路由&q

如何写出优雅的Python(二)

Print sorted list: colors=['red','green','blue','yellow'] for color in sorted(colors): print color for color in sorted(colors,reverse=True): print color Customer sort order: Bad: colors=['red','green','blue','yellow'] def compare_length(c1,c2): if le

如何写出优雅的Python之设置class缺省值

今天有个需求时需要为某个类设置缺省值 最开始的代码如下: Class myClass def __init__(self,datalen=None,times=None): if datalen == None : self.datalen = 1024 else : self.datalen = datalen if times == None: slef.times = 1024*1024 else : self.times = times 但这也太不Python了,简单修改如下,是不是看起