javascript - Javascript 中的对象属性 "Previous Value"

Question

我刚刚开始思考整个面向对象的事情，所以请耐心等待。

因此，我看到了一个对象函数示例(对于 Javascript)，您在其中分配一个新值，并且该值被分配为该属性的实际值。示例:

function Meat (name, color, price) {
    function newPrice (new_price) {
        this.price = new_price;
    }
 this.name = name;
 this.color = color;
 this.price = price;
 this.newprice = newPrice;
 }

很好，花花公子。现在我可以使用 Bacon.price 或 Bacon.newprice 指定价格。就个人而言，这似乎是最高级别的语义，因为在功能上它做同样的事情。但作为语义编码的倡导者，我会顺其自然。这是我想要的:

当我更改 Bacon.price 的值时，该对象应该包含一个函数来自动将旧值存储在名为 oldprice 的属性中。我玩过这个，但一无所获。到目前为止，这是我尝试过的:

function Meat (name, color, price) {
    function oldPrice () {
        this.oldprice = this.price;
    }
 this.name = name;
 this.color = color;
 this.oldprice = oldPrice;
 this.price = price;
 }

///////////////////////

function Meat (name, color, price) {
    this.name = name;
    this.color = color;
    this.oldprice = this.price;
    this.price = price;
}

或多或少的变化。我认为在分配新值之前引用已经分配的值(第一次什么都不是)就足够了。我知道值(或缺少值)在被分配之前存储在某个地方，我只是不知道如何在它被清除之前引用它以将它分配给 oldvalue 属性。

---

好吧，也许问题出在我的眼睛或手指上。因为我认为我在提问之前已经尝试过这些建议(我知道，我没有提到它们!)除非我真的很困惑，否则这应该有效:

function Meat(price)
{

    function setPrice(price)
    {
        this.oldprice = this.price;
        this.price = price;
    }

this.price=setPrice;
}

bacon = new Meat()
bacon.price = "Expensive";
document.write(bacon.price+"<br />");
document.write(bacon.oldprice+"<br />");
bacon.price = "Cheap";
document.write(bacon.price+"<br />");
document.write(bacon.oldprice+"<br />");

但我得到的输出是: 昂贵的 不明确的 便宜的 未定义

一切都很好，直到最后一个。再一次，我愿意接受视力不好和拼写不好的根源。但我想不通。

Answer 1

这将在您调用 obj.newPrice(xxx); 时存储它 - 我不认为您可以在使用 obj.price = xxx; 时自动执行此操作;

function Meat (name, color, price) {
    function newPrice (new_price) {
        this.oldprice = this.price
        this.price = new_price;
    }
 this.name = name;
 this.color = color;
 this.price = price;
 this.newprice = newPrice;
 }

编辑:

如@Mauris 所述，Javascript 1.5 确实支持 getters and setters (另请参阅 here - 您可以将它们视为伪装成属性的方法。

使用这些，您的代码将如下所示:

function Meat (name, color, price) {
    function newPrice (new_price) {
        this.oldprice = this.price
        this.price = new_price;
    }
 this.name = name;
 this.color = color;

 this.__defineSetter__("price", function(newprice)
 {
       this.oldprice = this.price
       this.price = price;
 });
 }

很遗憾，Internet Explorer 尚不支持此语法。