Object.defineProperty 与 Proxy 双重劫持对象执行原理解析
在提供的问题中，通过 Object.defineProperty 和 Proxy 对 querySelector 的劫持引入了疑惑，因为它执行了两次。
执行原理
第一次执行：
劫持 test 对象的 querySelector 属性，利用 Proxy 创建代理对象。当首次调用 test.querySelector 时，会触发代理对象的 apply 方法，它会记录 thisArgs 的上下文 ({}) 并返回被劫持的 document.querySelector 函数。
第二次执行：
在代理对象的 apply 方法中调用了 thisArgs.querySelector.apply(document, args)。此时，thisArgs 指向 test，而 querySelector 属性已被劫持，导致再次执行 apply 方法。然而，这一次，thisArgs 指向 document，因为它在之前通过 apply 改变了上下文。因此，现在调用的是 document.querySelector.apply(document, …)，与 test 没有任何关联。
关键点：thisArgs
理解执行过程的关键在于监视 thisArgs 的上下文变化。随着劫持的展开，它从指向 test 变为指向 document。每次 apply 方法调用时，thisArgs 的上下文都会影响执行的函数。
以上就是Object.defineProperty 和 Proxy 双重劫持 querySelector 时，为何会出现两次执行？的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/2651504.html
