js 装饰器模式

我们都知道,可以使用两种方式给一个类或者对象添加行为。

    一是使用继承。继承是给一个类添加行为的比较有效的途径。通过使用继承,可以使得子类在拥有自身方法的同时,还可以拥有父类的方法。但是使用继承是静态的,在编译的时候就已经决定了子类的行为,我们不便于控制增加行为的方式和时机。

    二是使用关联。组合即将一个对象嵌入到另一个对象中,由另一个对象来决定是否引用该对象来扩展自己的行为。这是一种动态的方式,我们可以在应用程序中动态的控制。

    与继承相比,关联关系的优势就在于不会破坏类的封装性,且具有较好的松耦合性,可以使系统更加容易维护。但是它的缺点就在于要创建比继承更多的对象。

一、基本定义

装饰者模式,动态地将责任附加到对象上。若要扩展功能,装饰者提供了比继承更加有弹性的替代方案。

//装饰者模式
var plane={
  fire:function(){
    console.log("发射普通子弹");
  },
};
    
var missileDecorator=function(){
  console.log("发射导弹");
};
    
var fire1=plane.fire;
 plane.fire=function(){
   fire1();
    missileDecorator();
 };  
plane.fire();
```
如果不想更改原函数,可以像上面的例子,通过保存原函数引用的方式来改写某个函数,这种方式一种是需要借助中间变量保存原函数的引用,此外还会遇到this劫持的问题。

因此,比较好的方式是利用AOP来进行函数装饰。

你可能感兴趣的:(js 装饰器模式)