概念

• 共享內(nèi)存（主要考慮內(nèi)存，而非效率）
• 相同的數(shù)據(jù)，共享使用
• （JS中未找到經(jīng)典應(yīng)用場(chǎng)景）

演示

<!-- 無(wú)限下拉列表，將事件代理到高層節(jié)點(diǎn)上 -->
<!-- 如果都綁定到`<a>`標(biāo)簽，對(duì)內(nèi)存開(kāi)銷(xiāo)太大 -->
<div id="div1"><a href="#">a1</a><a href="#">a2</a><a href="#">a3</a><a href="#">a4</a><!-- 無(wú)限下拉列表 -->
</div><script>var div1 = document.getElementById('div1')div1.addEventListener('click',function(e) {var target = e.targetif (e.nodeName === 'A') {alert(target.innerHTML)}})
</script>

設(shè)計(jì)原則驗(yàn)證

• 將相同的部分抽象出來(lái)
• 符合開(kāi)放封閉原則