JavaScriptのプロキシを利用してオブジェクトの動作をカスタマイズ

const target = {};
const handler = {
  get: function(target, prop, receiver) {
    return prop in target ? target[prop] : 37; // プロパティが存在しない場合は37を返す
  }
};

const proxy = new Proxy(target, handler);
console.log(proxy.someProperty); // 37と表示される

const person = {
  name: 'John',
  age: 30
};

const handler = {
  get: function(target, prop) {
    if (prop === 'name') {
      return `Hello, ${target[prop]}!`; // 'name'プロパティのアクセスをカスタマイズ
    }
    return prop in target ? target[prop] : 'Property not found';
  }
};

const proxy = new Proxy(person, handler);
console.log(proxy.name); // Hello, John! と表示される
console.log(proxy.age);  // 30 と表示される
console.log(proxy.gender); // Property not found と表示される

const user = {
  name: 'Alice'
};

const handler = {
  set: function(target, prop, value) {
    if (prop === 'name' && value.length < 3) {
      console.log('Name must be at least 3 characters long');
      return false;
    }
    target[prop] = value;
    return true;
  }
};

const proxy = new Proxy(user, handler);
proxy.name = 'Jo'; // Name must be at least 3 characters long と表示される
proxy.name = 'John'; // 設定は正常に行われる
console.log(proxy.name); // John と表示される

const handler = {
  apply: function(target, thisArg, argumentsList) {
    console.log('Function called with arguments:', argumentsList);
    return target.apply(thisArg, argumentsList);
  }
};

const sum = function(a, b) {
  return a + b;
};

const proxy = new Proxy(sum, handler);
console.log(proxy(1, 2)); // Function called with arguments: [1, 2] と表示され、3が返される

const person = {
  name: 'Bob',
  age: 25
};

const handler = {
  deleteProperty: function(target, prop) {
    if (prop === 'age') {
      console.log('Age cannot be deleted');
      return false;
    }
    delete target[prop];
    return true;
  }
};

const proxy = new Proxy(person, handler);
delete proxy.age; // Age cannot be deleted と表示される
delete proxy.name; // nameプロパティは正常に削除される
console.log(person); // { age: 25 }

const data = {
  message: 'Hello, world!'
};

const handler = {
  set: function(target, prop, value) {
    console.log(`Property ${prop} is being set to ${value}`);
    target[prop] = value;
    return true;
  }
};

const proxy = new Proxy(data, handler);
proxy.message = 'Hello, Proxy!'; // Property message is being set to Hello, Proxy! と表示される
console.log(proxy.message); // Hello, Proxy! と表示される

const person = {};

const handler = {
  set: function(target, prop, value) {
    if (prop === 'age' && (value < 0 || value > 120)) {
      console.log('Invalid age');
      return false;
    }
    target[prop] = value;
    return true;
  }
};

const proxy = new Proxy(person, handler);
proxy.age = 130; // Invalid age と表示される
proxy.age = 30; // 正常に設定される
console.log(person.age); // 30 と表示される

const nestedObject = {
  level1: {
    level2: {
      message: 'Hello'
    }
  }
};

const handler = {
  get: function(target, prop) {
    if (prop === 'message') {
      return 'Custom Message';
    }
    return prop in target ? target[prop] : 'Property not found';
  }
};

const proxy = new Proxy(nestedObject, handler);
console.log(proxy.level1.level2.message); // Custom Message と表示される