近半年来一直觉得自己在技术上好像左右挣扎,技术没啥提升,看书看不进,自学还挺慢。写出来的东西,自己都觉得不满意。让自己也用庸人自扰的感觉。

最近,在工作中,有一个小小的功能需要实现,这个功能非常简单,其大概功能是:当有一批商品需要促销时,满多少到多少元区间立减多少元,再比较离下一个优惠区间还差多少元,并提示下一区间的优惠价。比如,我这里有个价格优惠区间(满50减5,满100减10,满150减15,满200减20),如果我现在买了120元商品,那么我的提示就应该是:已优惠10,还差30元,可优惠15元。

这个功能是满简单的,因为优惠的价格区间是变化的,没办法在程序中写死。所以后端的同学就会把这个优惠的价格区间用一种字符格式输出来,我们再进行处理。字符格式如下:

  1. <input type="hidden" name="priceRange" value="50:5,100:10,150:15,200:20" />

我是直接把input的value处理成了一个对象{'50':5, '100':10, '150':15, '200':20}方便我我以后的处理。

为了能获取价格区间,我创建一个数组用来存放对象的key值,也就是所说的价格区间。

  1. var priceRange = {'50':5, '100':10, '150':15, '200':20};
  2. function getPrice(num,priceRange) {
  3. var oPrice = priceRange || {},
  4. aPrice = [],
  5. _pro;
  6.  
  7. for (_pro in oPrice) {
  8. aPrice.push(_pro);
  9. }
  10. // ...
  11. }

接下来就是通过循环这个价格区间找出优惠的价格,并返回一个结果对象。

  1. var priceRange = {'50':5, '100':10, '150':15, '200':20};
  2. function getPrice(num,priceRange) {
  3. // ...
  4. for (var i = 0, len = aPrice.length; i < len; i++) {
  5. if (aPrice[0] > num) {
  6. break;
  7. }
  8.  
  9. if (i === (len - 1)) {
  10. if (aPrice[i] <= num) {
  11. return {
  12. hasPrice: oPrice[aPrice[i]]
  13. }
  14. }
  15. } else {
  16. if (aPrice[i] <= num && num < aPrice[i + 1]) {
  17. return {
  18. hasPrice: oPrice[aPrice[i]],
  19. price: aPrice[i + 1] - num,
  20. youhui: oPrice[aPrice[i + 1]]
  21. }
  22. }
  23. }
  24. }
  25. // ...
  26. }

上面就是这个功能实现的比较关键的部分,下面看下完整的代码:

  1. var priceRange = {'50':5, '100':10, '150':15, '200':20};
  2. function getPrice(num, priceRange) {
  3. var oPrice = priceRange || {},
  4. aPrice = [],
  5. _pro;
  6.  
  7. for (_pro in oPrice) {
  8. aPrice.push(_pro);
  9. }
  10.  
  11. for (var i = 0, len = aPrice.length; i < len; i++) {
  12. if (aPrice[0] > num) {
  13. break;
  14. }
  15.  
  16. if (i === (len - 1)) {
  17. if (aPrice[i] <= num) {
  18. return {
  19. hasPrice: oPrice[aPrice[i]]
  20. }
  21. }
  22. } else {
  23. if (aPrice[i] <= num && num < aPrice[i + 1]) {
  24. return {
  25. hasPrice: oPrice[aPrice[i]], // 此价格的优惠价
  26. price: aPrice[i + 1] - num, // 此价格离下一个价格的差
  27. youhui: oPrice[aPrice[i + 1]] // 离下一个价格的优惠价
  28. }
  29. }
  30. }
  31. }
  32. return {
  33. hasPrice: 0,
  34. price: aPrice[0] ? aPrice[0] - num : 0,
  35. youhui: aPrice[1] ? oPrice[aPrice[1]] : 0
  36. }
  37. }
  38.  
  39. console.log(getPrice(12, priceRange));

虽然,这个功能的代码写出来了,但是我总觉得那个地方写不好,但是自己却发现不了。所以,写出来,大家帮我code review.看看有没有更好的写法,不要吝惜自己的才华,请在评价那里一展你的风采。

review一个javascript功能函数的更多相关文章

  1. Functions类,一个Javascript的函数加法类,将两个函数加起来,顺序执行

    以下是类的代码: var Functions = { oFunctions: null, add: function (oFunc, oNewFunc) { var oNew = function ( ...

  2. 关于 URL 编码及 JavaScript 编码函数【转载+整理】

    原文地址:http://www.ruanyifeng.com/blog/2010/02/url_encoding.html 本文内容 引入 环境 测试 JavaScript 编码函数   引入 URL ...

  3. JavaScript功能检测技术和函数构造

    Javascript与很多编程语言不同,它不能够控制其运行环境.再写php代码时,只要在服务器端部署了正确的版本,那么程序就绝对能够运行,对于其他python或ruby后端语言来说,也不存在什么灰色区 ...

  4. js javascript map函数去重功能的使用实例

    js javascript map函数去重功能的使用实例 先上一个实战例子代码 var map = new Map(); for(var i=0; i<=9; i++){ map.set(i,i ...

  5. 一个JavaScript触发器插件,可通过指定频次、指定时间内触发指定的处理函数

    js-trigger是一个JavaScript触发器插件,可通过指定频次.指定时间内触发指定的处理函数 Tango<tanwei_yx@126.com> 特性 支持AMD/CMD/Comm ...

  6. 推荐一个JavaScript触发器插件,可通过指定频次、指定时间内触发指定的处理函数

    推荐一个JavaScript触发器插件js-trigger js-trigger是一个JavaScript触发器插件,可通过指定频次.指定时间内触发指定的处理函数 https://tanwei-cc. ...

  7. JavaScript中函数作为另一个函数的参数的时候它存在于哪个作用域

    一直对函数作为参数被传递进另外一个函数理解的不是很清除.先看下这段代码吧: function test(fn){ var bar = 1; fn(); } var bar = 99; test(fun ...

  8. 理解 JavaScript 回调函数并使用

    JavaScript中,函数是一等(first-class)对象:也就是说,函数是 Object 类型并且可以像其他一等对象(String,Array,Number等)一样使用.它们可以"保 ...

  9. 创建你的第一个JavaScript库

    是否曾对Mootools的魔力感到惊奇?是否有想知道Dojo如何做到那样的?是否对jQuery感到好奇?在这个教程中,我们将了解它们背后的东西并且动手创建一个超级简单的你最喜欢的库. 我们其乎每天都在 ...

随机推荐

  1. 5月22日上课笔记-js属性选择器、过滤选择器、鼠标事件

    一.属性选择器 [attr] 包含属性 [attr=value] 属性值 [attr!=value] 属性值不等于value [attr^=value] 属性值以value开头 [attr$=valu ...

  2. JAVA构造函数在超类与子类定义鲁波总结

    1.子类无构造函数,超类无构造函数,创建的无参数的对象: 编译通过. class A { } class B extends A { } public class Testeeer { public ...

  3. 这样学Linux基本命令,事半功倍

    命令基本格式 (1)命令提示符 如下是命令行的命令提示符,以此为例,讲解含义. 其中: root 当前登录用户名 localhost 主机名 ~ 当前所在的目录(即家目录,用户登录的初始位置) # 超 ...

  4. 微软TechNet关于TLS的细节的描述

    https://technet.microsoft.com/en-us/library/cc785811.aspx TLS协议太复杂了,RFC太长没时间看,这篇还可以,好歹知道个大概. 想知道全部细节 ...

  5. angularjs之级联菜单

    原理: 1.ng-options中val.id as val.name for val in cascading 将id的值赋给 mg-modelone2.在通过ng-change传给函数3.当一级下 ...

  6. [转] C#调用外部DLL

    原文地址 每种编程语言调用DLL的方法都不尽相同,在此只对用C#调用DLL的方法进行介绍.首先,您需要了解什么是托管,什么是非托管.一般可以认为:非托管代码主要是基于win 32平台开发的DLL,ac ...

  7. python学习——练习题(13)

    """ 题目:打印出所有的"水仙花数",所谓"水仙花数"是指一个三位数,其各位数字立方和等于该数本身.例如:153是一个" ...

  8. Hibernate面试问题集锦: 概述

    ImportNew注: 本文是ImportNew编译整理的Java面试题系列文章之一.你可以从这里查看全部的Java面试系列. Q.怎么配置Hibernate? A.Configuration类使用配 ...

  9. 【原】Coursera—Andrew Ng机器学习—Week 8 习题—聚类 和 降维

    [1]无监督算法 [2]聚类 [3]代价函数 [4] [5]K的选择 [6]降维 Answer:本来是 n 维,降维之后变成 k 维(k ≤ n) [7] [8] Answer: 斜率-1 [9] A ...

  10. /etc/rc5.d/s991local: line25: eject:command not found错误

      使用虚拟机安装centos出现错误,原因是我使用的镜像是最小级别的,没有图形化界面,只有终端窗口 有人用vmware安装minimal centos报错/etc/rc5.d/s99local : ...