设计模式-享元模式

概念

• 共享内存（主要考虑内存，而非效率）
• 相同的数据，共享使用
• （JS中未找到经典应用场景）

演示

<div id="div1">
    <a href="#">a1a>
    <a href="#">a2a>
    <a href="#">a3a>
    <a href="#">a4a>
    
div>

<script>
    var div1 = document.getElementById('div1')
    div1.addEventListener('click',function(e) {
        var target = e.target
        if (e.nodeName === 'A') {
            alert(target.innerHTML)
        }
    })
script>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

设计原则验证

• 将相同的部分抽象出来
• 符合开放封闭原则