How to get the target of a JavaScript Proxy?

by

If you are using Vue 3 and dealing with Proxies, Vue provides some methods to help with this:

import { isProxy, toRaw } from 'vue';

Using these, you can check if an object is a proxy with isProxy, for example:

isProxy(reactiveObjectOrArray) ? 'yup' : 'nope'

And you can extract the raw data using toRaw:

const rawObjectOrArray = toRaw(reactiveObjectOrArray)

More info on toRaw and isProxy

More Related Contents:

  1. How to use javascript proxy for nested objects
  2. `export const` vs. `export default` in ES6
  3. Javascript – arrow functions this in event handler?
  4. How does this object method definition work without the “function” keyword?
  5. What is the temporal dead zone?
  6. Are ES6 classes just syntactic sugar for the prototypal pattern in Javascript?
  7. ES6 Iterate over class methods
  8. Can’t require() default export value in Babel 6.x
  9. Access to ES6 array element index inside for-of loop
  10. ES6 Destructuring and Module imports
  11. Using spread operator multiple times in javascript?
  12. forEach is not a function error with JavaScript array
  13. ES6: Is it dangerous to delete elements from Set/Map during Set/Map iteration?
  14. where is create-react-app webpack config and files?
  15. Extending Error in Javascript with ES6 syntax & Babel
  16. Shallow-clone a Map or Set
  17. Why is the response object from JavaScript fetch API a promise?
  18. Importing multiple files in react
  19. check if function is a generator
  20. JavaScript object destructuring and aliasing
  21. Alternative version for Object.values()
  22. `if __name__ == ‘__main__’` equivalent in javascript es6 modules
  23. What do curly braces mean in JSX (React)?
  24. In the `import` syntax of ES6, how is a module evaluated exactly?
  25. Curly brackets (braces) in Node.js ‘require’ statement
  26. ES6 promise execution order for returned values
  27. How can I differentiate between an arrow function, class and a normal function?
  28. ES6 module scope
  29. ECMA6 generators: yield promise
  30. ES6 – declare a prototype method on a class with an import statement

Leave a Comment