web前端:设计模式

    作者:冬冬先生 更新于: 2020-03-16 20:53:37

    Web开发

      软件设计模式(Designpattern),又称设计模式,是一套被反复使用、多数人知晓的、经过分类编目的、代码设计经验的总结。使用设计模式是为了可重用代码、让代码更容易被他人理解、保证代码可靠性、程序的重用性。

      1.策略模式

      在问题发生之前,想好应对的方案。

      坦克的例子

      2.代理模式

      房东租房的例子

      网页加载的进度条

      代理安全性

      3.单例模式

      就只有一个对象存在

      实例:

      constsingle=(function(){

      letstatus;//用它来存储状态

      letnum=0;

      functioninit(){

      return{

      sayHello:function(){

      console.log("hello,world");

      },

      sayGoodBye:function(){

      console.log("再见");

      },

      setNum:function(){

      returnnum++;

      },

      getNum:function(){

      returnnum;

      }

      }

      }

      return{

      getStatus:function(){

      if(!status){

      status=init();

      }

      returnstatus;

      }

      }

      })();

      //console.log(single);

      //console.log(single.getStatus());

      letinfo=single.getStatus();

      console.log(info.setNum());

      console.log(info.setNum());

      console.log(info.setNum());

      console.log(info.setNum());

      letinfo2=single.getStatus();

      console.log("------------"+info2.getNum());

      info2.setNum();

      console.log("=========="+info2.getNum())

      4.观察者模式

      发布&订阅

      一对多、一对一都是存在发布和订阅的关系

      5.工厂模式

      就是将一些操作进行实例化封装

      设计模式(英语designpattern)是对面向对象设计中反复出现的问题的解决方案。这个术语是在1990年代由ErichGamma等人从建筑设计领域引入到计算机科学中来的。这个术语的含义还存有争议。

课课家教育

未登录