能否用单个JavaScript setter函数处理对象所有属性？

示例如下：

MyObject = {
    fruit:   'a',
    sweet:   'b',
    savoury: 'c',
    bitter:  'd'
};

是否存在一种方法，使用单个JavaScript setter函数来处理该对象的所有属性？还是必须使用如下所示的自定义set函数？

MyObject = {
    fruit:   'a',
    sweet:   'b',
    savoury: 'c',
    bitter:  'd',

    set(name, value) {
        this[name] = value;
    }
};

当然可以用单个 setter 统一处理所有属性，完全不用手动写那种自定义set方法，这里有两种实用的实现方式：

1. 用 Proxy 拦截赋值（ES6+） #

Proxy 是ES6专门用来拦截对象操作的特性，能自动捕获所有属性的赋值行为，完美实现统一处理：

const originalObj = {
    fruit: 'a',
    sweet: 'b',
    savoury: 'c',
    bitter: 'd'
};

const MyObject = new Proxy(originalObj, {
    set(target, prop, value) {
        // 这里写你需要的统一逻辑，比如参数校验、日志记录等
        console.log(`正在设置属性 ${prop} 为 ${value}`);
        target[prop] = value;
        return true; // 必须返回true，标识赋值操作成功
    }
});

// 测试一下：
MyObject.fruit = 'apple'; // 触发拦截器，打印日志并完成赋值
MyObject.sweet = 'honey'; // 同样触发统一处理逻辑

2. 用 Object.defineProperty 批量绑定 setter（兼容旧环境） #

如果要兼容ES6之前的浏览器，可以用Object.defineProperty循环给每个属性绑定相同的setter逻辑：

const MyObject = {};
const initialData = {
    fruit: 'a',
    sweet: 'b',
    savoury: 'c',
    bitter: 'd'
};

// 批量为每个属性创建getter和setter
Object.keys(initialData).forEach(prop => {
    let internalValue = initialData[prop];
    Object.defineProperty(MyObject, prop, {
        get() {
            return internalValue;
        },
        set(newValue) {
            // 统一处理逻辑，比如值校验或状态同步
            console.log(`更新属性 ${prop}：从 ${internalValue} 改为 ${newValue}`);
            internalValue = newValue;
        },
        enumerable: true, // 保证属性能被遍历到
        configurable: true // 允许后续修改属性配置
    });
});

// 测试：
MyObject.fruit = 'banana'; // 触发统一setter逻辑

你写的那种自定义set(name, value)方法虽然能用，但需要手动调用（比如MyObject.set('fruit', 'x')），而上面两种方式是自动拦截原生的赋值语法（MyObject.fruit = 'x'），更符合JavaScript的原生使用习惯，代码也更简洁。

内容的提问来源于stack exchange，提问作者Richard