Javascript Object.defineProperties自动更新属性

Question

在Javascript中，我尝试使其每次手动更新rotationSetting .....（例如rotation.rotationSetting = 7）时，该对象都会自动更新speed.steps＃。

现在，我收到一个错误“未捕获的TypeError：非对象上调用了Object.defineProperties”，因为rotationSetting不是对象。 如何解决这个问题并完成我想要的？

var rotation = function() {
    var rotationId;
    var rotationList = [];
    var rotationSetting = 3; 

    var speed = {  
        step1 : 0, 
        step2 : 0, 
        step3 : 0, 
        step4 : 0, 
    }  

    Object.defineProperties(rotationSetting, {
        set: function(rotationSetting, speed) {
            this.step1 = rotationSetting * 1000;
            this.step2 = this.step1 + 1000;
            this.step3 = this.step2 + this.step1;
            this.step4 = this.step3 + 1000;
        }  
    }) 
    return {
        rotationId : rotationId,
        rotationList : rotationList,
        rotationSetting : rotationSetting,
        speed : speed,
    }  
}();

Answer 1

方法签名是这样的： Object.defineProperties( object, propertyName, { /* definition */ });

不要将值保存在变量中，而是将它们直接保存在返回的对象上。

Answer 2

您需要更加注意如何使用Object.defineProperty 。 第一个参数是您在其上定义属性的对象，第二个参数是属性名称。

var rotation = function() {
    var rotationId;
    var rotationList = [];

    var speed = {  
        step1 : 0, 
        step2 : 0, 
        step3 : 0, 
        step4 : 0
    } ;

    var result = {
        rotationId : rotationId,
        rotationList : rotationList,
        speed : speed
    }  
    Object.defineProperty(result, 'rotationSetting',{
        set: function(val) {
            speed.step1 = val * 1000;
            speed.step2 = speed.step1 + 1000;
            speed.step3 = speed.step2 + speed.step1;
            speed.step4 = speed.step3 + 1000;
        }  
    });
    return result;
}();

console.log(rotation.speed.step1);
rotation.rotationSetting = 7;
console.log(rotation.speed.step1);

编辑：更新了示例以更好地适合您的用法。

Answer 3

rotationSetting不是属性，而是局部作用域的变量。 因此，您不能在其上使用Object.defineProperty 。

正确的用法是：

Object.defineProperty(obj, 'rotationSetting', {
    set: ...
});

其中obj是您要返回给调用者的对象。

请注意，如果在不删除var rotationSetting情况下执行此操作，则将有两个 rotationSetting变量-已经声明的变量和this.rotationSetting 。