for循环中的Object.defineProperty

时间:2017-03-03 07:12:40

标签: javascript loops object for-loop defineproperty

在我的代码中,我有一个对象,

var obj = {
    item1: {
        coords: {
            A: new Point(905.76, 1626.67),
            //...
        },
        inf: {
            //...
        }
    },

    item2: {
        coords: {
            A: new Point(1259.25, 1634.50),
            //...
        },
        inf: {
            //...
        }
    },
}

我想定义一些这样的属性:

Object.defineProperty(obj.item1.inf, "corner", {
    get() {
        var x = obj.item1.coords.A.x;
        var y = obj.item1.coords.A.y;
        return new Point(x, y);
    }
})
Object.defineProperty(obj.item2.inf, "corner", {
    get() {
        var x = obj.item2.coords.A.x;
        var y = obj.item2.coords.A.y;
        return new Point(x, y);
    }
})

它适用于我,但它只是一段代码。我想,让我的代码更短更好,我决定不再只是复制和重命名它使用for循环:

for (item in obj) {
    Object.defineProperty(obj[item].inf, "corner", {
        get() {
            var x = obj[item].coords.A.x;
            var y = obj[item].coords.A.y;
            return new Point(x, y);
        }
    })
}

但这只是一个问题。我从最后一个获得了所有项目的相同值。有没有可能解决这个问题?

1 个答案:

答案 0 :(得分:0)

我认为问题是你的循环中没有闭包(你可以阅读更多关于这个here)。最简单的解决方案是使用let定义循环变量,该变量创建块范围变量:

for (let item in obj) {
    Object.defineProperty(obj[item].inf, "corner", {
        get() {
            var x = obj[item].coords.A.x;
            var y = obj[item].coords.A.y;
            return new Point(x, y);
        }
    })
}