ハンドラによる挙動の制御 | Proxyオブジェクト | JavaScript 超完全入門 基本から発展までのすべて

const target = {};

const handler = {
    get(target, prop) {
        console.log(`プロパティ ${prop} にアクセスしました`);
        return target[prop];
    },

    set(target, prop, value) {
        console.log(`プロパティ ${prop} に値 ${value} を設定しました`);
        target[prop] = value;
        return true;
    }
};

const proxy = new Proxy(target, handler);

proxy.name = "Alice";

console.log(proxy.name);

// プロパティ name に値 Alice を設定しました
// プロパティ name にアクセスしました
// Alice

const target = {
    name: "Alice",
    age: 25
};

const handler = {
    get(target, prop) {
        if (prop in target) {
            return target[prop];
        }

        console.log(`プロパティ ${prop} は存在しません`);
        return "デフォルト値";
    }
};

const proxy = new Proxy(target, handler);

console.log(proxy.name);
console.log(proxy.gender);

// Alice
// プロパティ gender は存在しません
// デフォルト値

const target = {
    name: "Alice",
    age: 25
};

const handler = {
    set(target, prop, value) {
        if (prop === "age" && typeof value !== "number") {
            console.log("エラー: 年齢は数値でなければなりません");
            return false;
        }

        target[prop] = value;
        return true;
    }
};

const proxy = new Proxy(target, handler);

proxy.age = 30;
proxy.age = "30";

// エラー: 年齢は数値でなければなりません

const target = {
    name: "Alice",
    age: 25
};

const handler = {
    deleteProperty(target, prop) {
        if (prop === "age") {
            console.log("エラー: ageプロパティは削除できません");
            return false;
        }

        delete target[prop];
        return true;
    }
};

const proxy = new Proxy(target, handler);

delete proxy.age;
delete proxy.name;

// エラー: ageプロパティは削除できません

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

const handler = {
    apply(target, thisArg, argumentsList) {
        console.log(`関数が呼び出されました: ${argumentsList.join(", ")}`);

        return target(...argumentsList);
    }
};

const proxy = new Proxy(sum, handler);

console.log(proxy(5, 10));

// 関数が呼び出されました: 5, 10
// 15