JavaScript代理模式?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

JavaScript代理模式?

前端问答 2019-12-30 12:49:35 152
JavaScript 前端开发
分享到
取消 提交回答
全部回答(1)
  • 前端问答
    2019-12-30 12:49:56

    代理是为了控制对对象的访问,不让外部直接访问到对象。在现实生活中,也有很多代理的场景。比如你需要买一件国外的产品,这时候你可以通过代购来购买产品。

    在实际代码中其实代理的场景很多,也就不举框架中的例子了,比如事件代理就用到了代理模式。

    <ul id="ul">
        <li>1</li>
        <li>2</li>
        <li>3</li>
        <li>4</li>
        <li>5</li>
    </ul>
    <script>
        let ul = document.querySelector('#ul')
        ul.addEventListener('click', (event) => {
            console.log(event.target);
        })
    </script>
    
    

    因为存在太多的 li,不可能每个都去绑定事件。这时候可以通过给父节点绑定一个事件,让父节点作为代理去拿到真实点击的节点。

    1 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

推荐文章
相似问题
推荐课程