当前位置:   article > 正文

js设计模式:外观模式

js设计模式:外观模式

作用:

将复杂的功能封装成可以简单调用的方法,无需知道内部的具体逻辑,只需要知道怎么去使用

类似于一把枪,你可以不知道内部的枪机,击发机,复进簧,枪管,导气装置,弹夹是怎么合作配合完成发射和自动填弹,你只需要知道你扣动扳机就能完成这一系列复杂的操作,而那个扳机就是外观的一个接口

示例:

  1. const wjt = {
  2. name:'王惊涛',
  3. code:()=>{
  4. console.log('会写代码')
  5. },
  6. game:()=>{
  7. console.log('会打游戏')
  8. },
  9. love:()=>{
  10. console.log('热爱美女')
  11. }
  12. }
  13. const sunwukong = {
  14. name:'孙悟空',
  15. change:()=>{
  16. console.log('72变化')
  17. },
  18. fly:()=>{
  19. console.log('腾云架雾')
  20. },
  21. immobilize:()=>{
  22. console.log('会定身术')
  23. }
  24. }
  25. const sunwutao = {
  26. name:'孙悟涛',
  27. code:()=>{
  28. wjt.code()
  29. },
  30. love:()=>{
  31. wjt.love()
  32. },
  33. change:()=>{
  34. sunwukong.change()
  35. },
  36. fly:()=>{
  37. sunwukong.fly()
  38. },
  39. immobilize:()=>{
  40. sunwukong.immobilize()
  41. },
  42. }
  43. sunwutao.love()
  44. sunwutao.immobilize()

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Cpp五条/article/detail/145843
推荐阅读
相关标签
  

闽ICP备14008679号