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:

filter_none

edit
close

play_arrow

link
brightness_4
code

<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>

chevron_right


Output:

334
"Geeksfor ... Best portal!"
undefined
"Property : value"
56.56

Example 2:

filter_none

edit
close

play_arrow

link
brightness_4
code

<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>

chevron_right


Output:

10
"vala : 352"
"valb : 77"

Supported Browsers: The browsers supported by handler.get() method are listed below:

  • Google Chrome
  • Firefox
  • Opera
  • Safari
  • Edge

full-stack-img




My Personal Notes arrow_drop_up

Check out this Author's contributed articles.

If you like GeeksforGeeks and would like to contribute, you can also write an article using contribute.geeksforgeeks.org or mail your article to contribute@geeksforgeeks.org. See your article appearing on the GeeksforGeeks main page and help other Geeks.

Please Improve this article if you find anything incorrect by clicking on the "Improve Article" button below.