高级前端必会设计模式之享元模式

前端JavaScript设计模式-享元模式：

享元模式是将相同的部分抽象出来，主要考虑内存的开销问题，而非运行效率，达到相同的数据，共享使用

以无限下拉刷新列表举例，如果把点击事件绑定到每个li列上，则对系统内存开销太大，以下做法可以减轻内存占用量

// 页面中内容
<ul id="article-body">
  <li>article1</li>
  <li>article2</li>
  <li>article3</li>
  <li>article4</li>
  <li>article5</li>
  <!-- 文章列表下拉刷新 -->
</ul>

var articleBody = document.getElementById('article-body')
articleBody.addEventListener('click',function(e){
  var target = e.target
  if(target.nodeName == 'LI'){
    console.log(target.innerHTML)
  }
})