javascript - 为什么 console.log 不会触发代理 getter 陷阱？

Question

我有以下代码:

let p = new Proxy([1, 2, 3], {   
  get: function() {   
    console.log('get')   
  }   
})
console.log(p)

我认为 Proxy 应该代理关于 [1,2,3] 的一切。

当我log 值时，它应该从[1,2,3] 中读取值，因此应该触发getter。

但是当我在getter中设置断点时，断点没有命中？

为什么console.log和console.table不触发getter函数？

Answer 1

那是因为您正在记录 Proxy 对象本身。
浏览器控制台可以访问其内部状态，这是一个具有两个或三个内部属性的对象:[[target]] , [[handler]]和 [[IsRevoked]] .

您可能会注意到 Chrome 默认会展开 [[target]]在其折叠的消息中:

虽然 Firefox 默认选择仅公开 Proxy 对象 _{(并且不公开 [[isRevoked]] 内部，他们将 <target> 和 <handler> 设置为 null 以表示已撤销代理)。}

至于如何他们能够不触发陷阱，他们采用内部 [[target]] 快捷方式并直接访问原始对象。