装饰者模式

装饰者模式

装饰者模式可以在不改对象自身的基础上，在程序运行期间给对象动态添加职责
，装饰者是一种即用即付的方式
举个例子：就像我们经常需要给手机戴个保护套防摔一样，不改变手机自身，给手机添加了保护套提供防摔功能。

在 react 中装饰者模式使用较多

import { connect } from "react-redux";
class MyComponent extends React.Component {
  // ...
}
export default connect(mapStateToProps)(MyComponent);

es7 装饰器就是使用的装饰者模式

function readonly(target, key, descriptor) {
  descriptor.writable = false;
  return descriptor;
}

class Test {
  @readonly
  name = "qqq";
}

let t = new Test();

t.qqq = "222"; // 不可修改

具体装饰器的使用方法参考阮一峰文档：https://es6.ruanyifeng.com/#docs/decorator
简单总结一下：装饰器模式就是在原本对象（函数或者 es6 类）功能不变的情况下，添加新的功能，