Beto Muniz

Proxy Pattern in JavaScript

Just a catch up about how the Proxy object works on JavaScript to allow us to implement Proxy patterns.

šŸ“Œ JavaScript's Proxy object allows us to intercept and modifies any JavaScript object.

šŸ“Œ JavaScript's Proxy object is an elegant and safe way for creating or extending libraries, caching, error handling, and complex data manipulation on JavaScript.

const obj = {a: 1, b: 2};

const arrProxy = new Proxy(obj, {
  get: function (item, property) {
    if (item.hasOwnProperty(property)) return item[property];

    return "default value";
  },
});

arrProxy.z; // "default value"
arrProxy.a; // 1

šŸ’” What are the use cases that you most liked to use such a JavaScript feature?

šŸ“š Still, for a detailed API spec of Proxy's object in JavaScript, take a look in the MDN docs.

šŸ’Œ If you thought this brief content useful for your web dev studies and want to receive more, subscribe to my newsletter