Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="ES6 Proxy">
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>ES6 Proxy</title>
</head>
<body>
</body>
</html>
 
console.clear();
const obj = {};
const handler = {
  set(target, key, value) {
    console.log(`Setting value ${key} as ${value}`)
    target[key] = value;
  },
  get(target, key) {
    console.log(`Getting value of ${key}`);
    return target[key];
  },
  deleteProperty(target, key) {
    console.log(`Deleting ${key}`);
    delete target[key];
  }
};
const p = new Proxy(obj, handler);
p.a = 10;
p.c = 20;
p.a = 100;
delete p.a;
console.log(p.a);
console.log(p.c);
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
revathskumarpro
0viewers