加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 （https://www.hunanwang.cn/）- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置： 首页 > 建站 > 正文

JavaScript 的一些常用设计模式

发布时间：2019-08-20 01:04:03 所属栏目：建站 来源：xianshannan
导读：计划模式是前人办理某个特定场景下对而总结出来的一些办理方案。也许刚开始打仗编程还没有什么履历的时辰，会感受计划模式没那么好领略，这个也很正常。有些简朴的计划模式我们偶然辰用到，不外没意识到也是存在的。 进修计划模式，可以让我们在处理赏罚题目的

假设我们的绩效分为 A、B、C、D 这四个品级，四个品级的嘉奖是纷歧样的，一样平常我们的代码是这样实现：

  1. /** 
  2.  
  3. * 获取年末奖 
  4.  
  5. * @param {String} performanceType 绩效范例， 
  6.  
  7. * @return {Object} 年末奖，包罗奖金和奖品 
  8.  
  9. */ 
  10.  
  11. function getYearEndBonus(performanceType) { 
  12.  
  13. const yearEndBonus = { 
  14.  
  15. // 奖金 
  16.  
  17. bonus: '', 
  18.  
  19. // 奖品 
  20.  
  21. prize: '', 
  22.  
  23. } 
  24.  
  25. switch (performanceType) { 
  26.  
  27. case 'A': { 
  28.  
  29. yearEndBonus = { 
  30.  
  31. bonus: 50000, 
  32.  
  33. prize: 'mac pro', 
  34.  
  35. } 
  36.  
  37. break 
  38.  
  39. } 
  40.  
  41. case 'B': { 
  42.  
  43. yearEndBonus = { 
  44.  
  45. bonus: 40000, 
  46.  
  47. prize: 'mac air', 
  48.  
  49. } 
  50.  
  51. break 
  52.  
  53. } 
  54.  
  55. case 'C': { 
  56.  
  57. yearEndBonus = { 
  58.  
  59. bonus: 20000, 
  60.  
  61. prize: 'iphone xr', 
  62.  
  63. } 
  64.  
  65. break 
  66.  
  67. } 
  68.  
  69. case 'D': { 
  70.  
  71. yearEndBonus = { 
  72.  
  73. bonus: 5000, 
  74.  
  75. prize: 'ipad mini', 
  76.  
  77. } 
  78.  
  79. break 
  80.  
  81. } 
  82.  
  83. } 
  84.  
  85. return yearEndBonus 
  86.  
  87. } 

行使计策模式可以这样：

  1. /** 
  2.  * 获取年末奖 
  3.  * @param {String} strategyFn 绩效计策函数 
  4.  * @return {Object} 年末奖，包罗奖金和奖品 
  5.  */ 
  6. function getYearEndBonus(strategyFn) { 
  7.   if (!strategyFn) { 
  8.     return {} 
  9.   } 
  10.   return strategyFn() 
  11. } 
  12.  
  13. const bonusStrategy = { 
  14.   A() { 
  15.     return { 
  16.       bonus: 50000, 
  17.       prize: 'mac pro', 
  18.     } 
  19.   }, 
  20.   B() { 
  21.     return { 
  22.       bonus: 40000, 
  23.       prize: 'mac air', 
  24.     } 
  25.   }, 
  26.   C() { 
  27.     return { 
  28.       bonus: 20000, 
  29.       prize: 'iphone xr', 
  30.     } 
  31.   }, 
  32.   D() { 
  33.     return { 
  34.       bonus: 10000, 
  35.       prize: 'ipad mini', 
  36.     } 
  37.   }, 
  38. } 
  39.  
  40. const performanceLevel = 'A' 
  41. getYearEndBonus(bonusStrategy[performanceLevel]) 

这里每个函数就是一个计策，修改一个个中一个计策，并不会影响其他的计策，都可以单独行使。虽然这只是个简朴的典型，只为了声名。

计策模式较量明明的特征就是可以镌汰 if 语句可能 switch 语句。

职责链模式

顾名思义，责任链模式(Chain of Responsibility Pattern)为哀求建设了一个吸取者工具的链。这种模式给以哀求的范例，对哀求的发送者和吸取者举办解耦。这种范例的计划模式属于举动型模式。

在这种模式中，凡是每个吸取者都包括对另一个吸取者的引用。假如一个工具不能处理赏罚该哀求，那么它会把沟通的哀求传给下一个吸取者，依此类推。

（编辑：湖南网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!
相关内容
    推荐文章
    站长推荐
    热点阅读

      【免责声明】本站内容转载自互联网，其发布内容言论不代表本站观点，如果其链接、内容的侵犯您的权益，烦请提交相关链接至邮箱bqsm@foxmail.com我们将及时予以处理。

      建议您使用1920×1080分辨率、谷歌浏览器Google Chrome、Microsoft Edge以获得本站的最佳浏览效果

      Copygight © 2008-2022 https://www.hunanwang.cn/ All Rights Reserved. 湖南网