JavaScript Proxy Objects

// Your original object (the VIP area)
const account = {
  accountNumber: "1234567890123456",
  accountHolderName: "Raju"
};

// The bouncer (proxy handler)
const handler = {
  get(target, prop) {
    // Custom logic goes here
  }
};

// Create the secured entrance (proxy)
const securedAccount = new Proxy(account, handler);

// Your original object (the VIP area)
const account = {
  accountNumber: "1234567890123456",
  accountHolderName: "Raju"
};

// The bouncer (proxy handler)
const handler = {
  get(target, prop) {
    // Custom logic goes here
  }
};

// Create the secured entrance (proxy)
const securedAccount = new Proxy(account, handler);

const handler = {
  get(target, prop) {
    // If someone asks for account number, encrypt it!
    if (prop === 'accountNumber') {
      const accountNum = target[prop];
      // Show only last 4 digits, hide the rest
      return accountNum.replace(/\d(?=\d{4})/g, '*');
    }
    
    // For everything else, return normal value
    return target[prop];
  }
};

const handler = {
  get(target, prop) {
    // If someone asks for account number, encrypt it!
    if (prop === 'accountNumber') {
      const accountNum = target[prop];
      // Show only last 4 digits, hide the rest
      return accountNum.replace(/\d(?=\d{4})/g, '*');
    }
    
    // For everything else, return normal value
    return target[prop];
  }
};

const securedAccount = new Proxy(account, handler);

// Test the magic!
console.log(securedAccount.accountNumber);     // "************3456" ✅
console.log(securedAccount.accountHolderName); // "Raju" ✅
console.log(securedAccount.balance);           // 50000 ✅

const securedAccount = new Proxy(account, handler);

// Test the magic!
console.log(securedAccount.accountNumber);     // "************3456" ✅
console.log(securedAccount.accountHolderName); // "Raju" ✅
console.log(securedAccount.balance);           // 50000 ✅

const account = {
  accountNumber: "1234567890123456",
  accountHolderName: "Raju",
  balance: 50000
};

const securityHandler = {
  get(target, prop) {
    console.log(`🔍 Someone accessed: ${prop}`); // Logging!
    
    if (prop === 'accountNumber') {
      // Encrypt account number - show only last 4 digits
      return target[prop].replace(/\d(?=\d{4})/g, '*');
    }
    
    if (prop === 'balance' && target[prop] > 10000) {
      return "💰 High balance - Contact bank for details";
    }
    
    return target[prop];
  }
};

const securedAccount = new Proxy(account, securityHandler);

console.log(securedAccount.accountNumber);     // "************3456"
console.log(securedAccount.accountHolderName); // "Raju"  
console.log(securedAccount.balance); // "💰 High balance - Contact bank for details"

const account = {
  accountNumber: "1234567890123456",
  accountHolderName: "Raju",
  balance: 50000
};

const securityHandler = {
  get(target, prop) {
    console.log(`🔍 Someone accessed: ${prop}`); // Logging!
    
    if (prop === 'accountNumber') {
      // Encrypt account number - show only last 4 digits
      return target[prop].replace(/\d(?=\d{4})/g, '*');
    }
    
    if (prop === 'balance' && target[prop] > 10000) {
      return "💰 High balance - Contact bank for details";
    }
    
    return target[prop];
  }
};

const securedAccount = new Proxy(account, securityHandler);

console.log(securedAccount.accountNumber);     // "************3456"
console.log(securedAccount.accountHolderName); // "Raju"  
console.log(securedAccount.balance); // "💰 High balance - Contact bank for details"

const account = {
  accountNumber: "1234567890123456",
  accountHolderName: "Raju",
  balance: 50000
};

const account = {
  accountNumber: "1234567890123456",
  accountHolderName: "Raju",
  balance: 50000
};