Why is Set Incompatible with Proxy?

by

I am attempting to Proxy() a Set()

However, you haven’t used any of the available traps – there is no add one. All that you can intercept in the call p.add(55) is the property access to .add on the proxy, which goes through the get trap and returns a function.

If you want to intercept calls to the add method, you don’t need a proxy at all, better (subclass and) overwrite that method similar to how .set was overridden here and here for Map.

proxying a Set() in any way breaks it categorically

Yes, because the proxy is not a Set any more.

var s = new Set([42]);
var p = new Proxy(s, {});
s.has(42) // true
console.log(s === p) // false
p.has.call(s, 42) // true
p.has(42) // exception - calls `has` on `p`, not on `s`

Calling Set methods on objects that are no True Sets does throw an exception (which e.g. can be used for detecting them). For your particular case, see ECMAScript 6 §23.2.3.1:

“If S does not have a [[SetData]] internal slot, throw a TypeError exception.“

And indeed, p is a proxy (which does have the internal Proxy methods and slots, especially [[ProxyHandler]] and [[ProxyTarget]]) instead of a set like s with its [[SetData]] internal slot.

You reasonably were expecting that “if a trap has not been defined, the default behavior is to forward the operation to the target“, however that only applies to standard behaviours like property access, and not the internal slots of exotic objects.

More Related Contents:

  1. Why is Proxy to a Map object in ES2015 not working
  2. How to create a simple http proxy in node.js?
  3. How to use javascript proxy for nested objects
  4. Stop mobile network proxy from injecting JavaScript
  5. How to get the target of a JavaScript Proxy?
  6. JS: JSON retrieve all JSON data
  7. How do I split a string, breaking at a particular character?
  8. jQuery Data vs Attr?
  9. jQuery ID selector works only for the first element
  10. ‘setInterval’ vs ‘setTimeout’ [duplicate]
  11. Cross-browser multi-line text overflow with ellipsis appended within a fixed width and height
  12. How to copy text to the client’s clipboard using jQuery? [duplicate]
  13. Sequencing ajax requests
  14. Setting HTML5 audio position
  15. How to read text file in JavaScript
  16. How can I display a modal dialog in Redux that performs asynchronous actions?
  17. How can I compare two time strings in the format HH:MM:SS?
  18. How can I use React hooks in React classic `class` component?
  19. JavaScript recursive search in JSON object
  20. How can I serialize a function in JavaScript?
  21. Can multiple HTML elements receive focus at the same time?
  22. Find first scrollable parent
  23. Javascript, viewing [object HTMLInputElement]
  24. Module not found: Error: Can’t resolve vue, path not correct
  25. Cannot update a component while rendering a different component warning
  26. Using Javascript to change website language
  27. JavaScript equality transitivity is weird
  28. Angular 2 AuthGuard Service with redirect?
  29. How to get MIME-TYPE from Base 64 String?
  30. Javascript: PI (π) Calculator

Leave a Comment