裝飾者模式

裝飾者模式可以在不改對象自身的基礎(chǔ)上，在程序運(yùn)行期間給對象動(dòng)態(tài)添加職責(zé)
，裝飾者是一種即用即付的方式
舉個(gè)例子：就像我們經(jīng)常需要給手機(jī)戴個(gè)保護(hù)套防摔一樣，不改變手機(jī)自身，給手機(jī)添加了保護(hù)套提供防摔功能。

在 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
簡單總結(jié)一下：裝飾器模式就是在原本對象（函數(shù)或者 es6 類）功能不變的情況下，添加新的功能，