Objekt-Eigenschaft "Vorherigen Wert" in Javascript

Ich bin gerade erst anfangen, um meinen Geist um das ganze Objekt-Orientierte Sache, so mit mir tragen.

So, ich sah ein Beispiel für eine Objekt-Funktion (für Javascript), wo Sie einen neuen Wert zuweisen und diesen Wert zugewiesen bekommt, als dass das Eigentum den tatsächlichen Wert. Beispiel:

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;
 }

Fein und dandy. Jetzt habe ich die Möglichkeit, weisen Sie einen Preis durch die Verwendung von Speck.Preis oder Speck.newprice. Persönlich scheint dies der höchste Orden der Semantik, funktional, da es nicht die gleiche Sache. Aber als Anwalt für die semantische Codierung, ich werde lassen Sie es schieben. Hier ist, was ich will:

Wenn ich ändern Sie den Wert von Speck.Preis, das Objekt sollte eine Funktion zum speichern der alten Wert in eine Eigenschaft namens " oldprice automatisch. Ich spielte mit dieser, bekam aber nirgendwo. Hier ist, was ich bisher ausprobiert habe:

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;
}

Mehr oder weniger Variationen des. Ich dachte, dass bezogen auf die bereits zugewiesenen Wert (das wäre nichts das erste mal), bevor der neue Wert zugewiesen bekam genug sein würde. Ich weiß, dass der Wert (oder der Mangel davon) ist irgendwo gespeichert, bevor es zugewiesen bekommt, ich weiß nur nicht, wie finden Sie es, ordnen Sie es mit der oldvalue-Eigenschaft, bevor es ausgelöscht.

Okay, vielleicht ist das problem mit meinen Augen oder mit den Fingern dann. Weil ich dachte, ich hatte versucht die Anregungen, die bevor Sie Fragen (ich weiß, ich wollte nicht schweigen Sie!) Es sei denn, ich bin echt verwirrt, sollte dies funktionieren:

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 />");

Aber die Ausgabe die ich bekomme ist:
Teuer
undefined
Billig
undefined

Alles okay bis auf das Letzte. Wieder bin ich bereit zu akzeptieren, ein schlechtes Sehvermögen und schlechte Rechtschreibung als root. Aber ich kann ' T es herausfinden.

InformationsquelleAutor Anthony | 2009-03-09

2

Diese bereit, wenn Sie anrufen obj.newPrice(xxx); - ich glaube nicht, können Sie es automatisch tun, wenn Sie mit 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;
 }
```
Edit:

Wie bereits von @mauris empfangen, Javascript 1.5 unterstützt Getter und setter (siehe auch hier - Sie können von Ihnen denken, als Methoden, getarnt als Eigenschaften.

Mit diesen, würde der code wie folgt Aussehen:
```
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;
 });
 }
```
Leider ist diese syntax nicht unterstützt wird vom Internet Explorer noch nicht.
- Sie können mit defineSetter. Mehr info hier: ejohn.org/blog/javascript-getters-and-setters
- Sicher, aber nur, wenn du mit jQuery. Wenn es gerade JS-OOP-code, als können Sie nicht tun.
- Plain JS saugt. Allerdings defineSetter ist nicht ein jQuery-Sache. Aber der IE es nicht unterstützt... :/
InformationsquelleAutor Greg

Ist es das?

Funktion setPrice(price) { 
diese.oldprice = diese.Preis; 
diese.Preis = Preis; 
}

InformationsquelleAutor cherouvim

store = (function (prev) {
    callee = arguments.callee;
    return function (curr) {

        console.log("prev:" + prev, "curr:" + curr);
        store = callee(curr);
    }
}(0)) //Initial value

store(1); //Output : prev:0 curr:1 
store(2); //Output : prev:1 curr:2
store(3); //Output : prev:2 curr:3
store(4); //Output : prev:3 curr:4

InformationsquelleAutor user1948585

0

Überlegen Sie, was Sie zu tun versuchen:

1. Denken Sie an die alten Preis

2. Ändern Sie den aktuellen Preis für eine neue

Da diese sind die zwei Schritte, was Sie tun möchten, müssen Sie halten Sie in der eine Funktion. Sie müssen zuerst daran denken, was der aktuelle Preis ist (in diesem.oldprice), und dann ändern Sie den aktuellen Preis (dieser.Preis). Die Antworten von RoBorg und cherouvim der code, dies zu tun.

InformationsquelleAutor Smashery

Um erste-off bin ich mir nicht so sicher, dass Sie tun, OOP Javascript korrekt. OOP in Javascript nicht Objekt orientiert Programmieren zu beginnen, und es funktioniert aus so genannten Prototyp statt:

Zum Beispiel:

function Meat (name, color, price) {
       if(arguments.length > 0) 
    {
        this.init(name, color, price);
    }
}

Meat.prototype.init = function(name, color, price) {
    this.name = name;
    this.color = color;
    this.price = price;

    //Initially these are all set to null, 
    //because they don't have an old value yet.
    this.old_name = null;
    this.old_color = null;
    this.old_price = null;
};

Und das würde bis Ihr Konstruktor.

Als Nächstes müssen wir einige Methoden, so dass Ihre alten Werte gespeichert werden können:

Meat.prototype.setName = function(new_name) {
    //Store the old name of the meat
    this.old_name = this.name;
    this.name = new_name;
};

Und Sie würden schreiben Sie eine Methode, wie Sie dies für jede Eigenschaft in Ihrem Fleisch.

Zumindest in reinen Javascript OOP mit base-level-Klasse, dies ist, wie es funktionieren würde.

InformationsquelleAutor leeand00

0

da Sie gerade erst mit OO-javascript, hören Sie sich diese Ratschläge:

dont verwenden Sie das Schlüsselwort new, um Objekte zu erstellen. mithilfe der funktionellen Vererbung statt. Auf diese Weise können Sie leicht private Variablen, und ich denke, die syntax ist viel einfacher. check it out:
```
var meat = function(name, color, price){
   var that = {};
   var name = name;
   var price = price;
   var color = color;
   var oldPrice = null;
   var setPrice = function(p){
      oldPrice = price;
      price = p;
   };
   var getPrice = function(){ return price;};
   var getOldPrice = function(){return oldPrice;};
   that.getPrice = getPrice;
   that.setPrice = setPrice;
   that.getOldPrice = getOldPrice;
   return that;
};
```
können Sie mithilfe der oben wie diese:
```
var m = meat("chicken", "white", 100);
m.setPrice(50);
var old = m.getOldPrice();
```
nun werden Sie vielleicht brauchen, getName und setName-Methode etc. wenn Sie möchten, Vererbung, können Sie etwas wie das hier tun:
```
var cow = function(name){
    var that = meat(name, "spotted", 100);
    that.moo = function() { return name +" moooo"; };
    return that;
}
```
sowieso, ich habe vielleicht beantwortet die falsche Frage, aber vielleicht werden Sie es Lesen und sehen das Licht 🙂
- Der Punkt, der die funktionale Vererbung ist nicht zu simulieren, private Variablen es ist zu vermeiden, verlieren Sie Ihre Abgrenzung von this.
- Gott sei Dank Sie sind immer noch die Beantwortung meiner Fragen. oh wait... aber actaully, guter Punkt. ich sollte erwähnt haben, dass auch =).
InformationsquelleAutor mkoryak
0

gibt es keine get/Set-Methoden oder-operator überladen in JS (noch), so dass Sie wirklich brauchen, um eine Funktion schreiben, die legen den Preis fest und erhalten Sie diese tolle Seite-Effekte.

InformationsquelleAutor Scott Evernden

Sind Sie überschreiben Ihren Preis variable. Vergessen Sie nicht, dass in javascript, können Sie etwas zu einer variable, da es nicht stark typisiert. So, wie Sie es eingerichtet haben:

function Meat(price)
{

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

this.price=setPrice; //<-- this assigns the function "setPrice" to the variable "this.price"
}

bacon = new Meat()
bacon.price = "Expensive"; //<-- this overwrites the "price" variable with a string
document.write(bacon.price+"<br />");
document.write(bacon.oldprice+"<br />");
bacon.price = "Cheap";
document.write(bacon.price+"<br />");
document.write(bacon.oldprice+"<br />");

Können Sie (wie erwähnt) verwenden, Getter und setter, vorausgesetzt, Sie brauchen keine IE-Unterstützung. Andernfalls verwenden Sie die Methode, die Sie definiert:

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

Da Sie wirklich wollen, zu zwingen, den Zugang zu diesen Werten, würde ich schreiben Getter für Sie:

bacon.getPrice();
bacon.getOldPrice();

InformationsquelleAutor jvenema

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.