JavaScript | handler.get() Method
The handler.get() method in JavaScript is a trap for getting a property value.
Syntax:
const p = new Proxy(target, {
get: function(target, property, receiver) {
}
});Parameters: This method accept three parameters as mentioned above and described below:
- Target: This parameter holds the target object.
- Property: This parameter holds the name of the property which is to be get.
- Receiver: This parameter holds the proxy or an object that inherits from the proxy.
Return value: This method returns any value.
Below examples illustrate the handler.get() method in JavaScript:
Example 1:
javascript
<script>const monster1 = { string: 'Geeksforgeeks', num: 334};const handler1 = { get: function(target, prop, receiver) { if (prop === 'string') { return `${target.string.substr(0, 8)} ... Best portal!`; } else { return Reflect.get(...arguments); } }};const proxy1 = new Proxy(monster1, handler1);console.log(proxy1.num);console.log(proxy1.string);console.log(proxy1.numstring);const obj = new Proxy({}, { get: function(target, property, receiver) { console.log('Property : ' + property); return 56.56; }});console.log(obj.value);</script> |
Output:
334 "Geeksfor ... Best portal!" undefined "Property : value" 56.56
Example 2:
javascript
<script>const obj = {};Object.defineProperty(obj, 'a', { configurable: false, enumerable: false, value: 10, writable: false});const p = new Proxy(obj, { get: function(target, property) { return 10; }});console.log(p.a);var datalist = { "vala": 32, "valb": 7 } var get = new Proxy( datalist, { get: function(y, idx) { return y[idx] * 11 } } ) for(var z in get) { console.log(z +" : "+ get[z]) } </script> |
Output:
10 "vala : 352" "valb : 77"
Supported Browsers: The browsers supported by handler.get() method are listed below:
- Google Chrome 49 and above
- Edge 12 and above
- Firefox 18 and above
- Opera 36 and above
- Safari 10 and above
.png)
