Skip to content
Related Articles

Related Articles

Improve Article

JavaScript | handler.get() Method

  • Last Updated : 28 Sep, 2021

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: 
 

Hey geek! The constant emerging technologies in the world of web development always keeps the excitement for this subject through the roof. But before you tackle the big projects, we suggest you start by learning the basics. Kickstart your web development journey by learning JS concepts with our JavaScript Course. Now at it's lowest price ever!

  • 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

 




My Personal Notes arrow_drop_up
Recommended Articles
Page :