JavaScript 的一些常用设计模式

例子

class A { 
  getContent() { 
    return '第一行内容' 
  } 
  render() { 
    document.body.innerHTML = this.getContent() 
  } 
} 
 
function decoratorOne(cla) { 
  const prevGetContent = cla.prototype.getContent 
  cla.prototype.getContent = function() { 
    return ` 
      第一行之前的内容 
      <br/> 
      ${prevGetContent()} 
    ` 
  } 
  return cla 
} 
 
function decoratorTwo(cla) { 
  const prevGetContent = cla.prototype.getContent 
  cla.prototype.getContent = function() { 
    return ` 
      ${prevGetContent()} 
      <br/> 
      第二行内容 
    ` 
  } 
  return cla 
} 
 
const B = decoratorOne(A) 
const C = decoratorTwo(B) 
new C().render() 

策略模式

在策略模式(Strategy Pattern)中，一个行为或其算法可以在运行时更改。

（编辑：威海站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!