Eigenschaft eines Javascript-Klasse berechnet, aus der andere Eigenschaften in der gleichen Klasse

Dies ist wahrscheinlich etwas ziemlich dumm, dass ich bin fehlt, aber wie bekomme ich die Eigenschaft einer Klasse automatisch neu berechnet auf der Grundlage der Werte der anderen Eigenschaften in der gleichen Klasse?

z.B.

function Test() {
    this.prop1 = 1;
    this.prop2 = 2;
    this.prop3 = this.prop1 + this.prop2;

}

tester = new Test();

alert (tester.prop1); //expect 1
alert (tester.prop2); //expect 2
alert (tester.prop3); //expect 3

tester.prop1 += 1;

alert (tester.prop1); //expect 2
alert (tester.prop2); //expect 2
alert (tester.prop3); //expect 4

oder brauche ich prop3 gesetzt werden = calcProp3() und dann die Funktion so auf:

this.calcProp3 = function() {
        var calc = this.prop1 + this.prop2;
        return calc;
    }

Danke an alle.

Sie können auch eine Funktion zur Erhöhung der zahlen, die auch eine Neuberechnung der rest. Also anstatt tester.prop1 += 1; können Sie eine Funktion aufrufen, die fügt eine Zahl ein und aktualisiert den rest.

InformationsquelleAutor Duck in Custard | 2012-04-23

23

oder brauche ich prop3 gesetzt werden = calcProp3() und dann die Funktion

Haben Sie zwei Möglichkeiten:
1. Erstellen einer Eigenschaft mit einem getter, die aussieht wie eine einfache property-Zugriff, wenn Sie es verwenden, aber ist in der Tat eine Funktion aufrufen, oder
2. Tun Sie Ihre calcProp3 - Funktion, die macht es sich für den coder mit Test, dass Sie eine Funktion aufrufen
Option 2 ist Ihre einzige option, wenn Sie die Notwendigkeit der Unterstützung von wirklich veralteten Browsern wie dem IE8, da IE8 nicht unterstützt Getter.

Mit einem getter

Hier in 2017 würden Sie vermutlich definieren Sie es in einem class (transpiling, wenn notwendig, für Browser, die keine Unterstützung ES2015 ' s [aka "ES6"] class):

JS:
```
class Test {
  constructor() {
    this.prop1 = 1;
    this.prop2 = 2;
  }
  get prop3() {
    return this.prop1 + this.prop2;
  }
}
const t = new Test();
console.log(t.prop3); //3
t.prop1 = 2;
console.log(t.prop3); //4
```
Wenn Sie wollten, sich selbst zu begrenzen, um Funktionen von ES5 (spec veröffentlicht im Dezember 2009, nicht unterstützt, im IE8 -), würden Sie definieren einen getter auf Test.prototype werden, entweder mit Object.defineProperty (spec, MDN):

JS:
```
function Test() {
  this.prop1 = 1;
  this.prop2 = 2;
}
Object.defineProperty(Test.prototype, "prop3", {
  get: function() {
    return this.prop1 + this.prop2;
  }
});
var t = new Test();
console.log(t.prop3); //3
t.prop1 = 2;
console.log(t.prop3); //4
```
...oder durch den Austausch von Test.prototype und mit dem Objekt-Initialisierer-syntax für Getter (denken Sie daran,constructor):

JS:
```
function Test() {
  this.prop1 = 1;
  this.prop2 = 2;
}
Test.prototype = {
  constructor: Test,
  get prop3() {
    return this.prop1 + this.prop2;
  }
};
var t = new Test();
console.log(t.prop3); //3
t.prop1 = 2;
console.log(t.prop3); //4
```
Mit einer Funktion

Hier im Jahr 2017, würde Sie wahrscheinlich definieren Sie als eine Methode unter Verwendung class syntax (transpiling, wenn notwendig, für ältere Browser):

JS:
```
class Test {
  constructor() {
    this.prop1 = 1;
    this.prop2 = 2;
  }
  calcProp3() {
    return this.prop1 + this.prop2;
  }
}
const t = new Test();
console.log(t.calcProp3()); //3
t.prop1 = 2;
console.log(t.calcProp3()); //4
```
Wenn Sie wollte-stick mit ES5 (eigentlich in diesem Fall ES3) bietet Unterstützung für veraltete Browser, fügen Sie einfach eine Funktion, um den Prototyp:

JS:
```
function Test() {
  this.prop1 = 1;
  this.prop2 = 2;
}
Test.prototype.calcProp3 = function calcProp3() {
  return this.prop1 + this.prop2;
};
var t = new Test();
console.log(t.calcProp3()); //3
t.prop1 = 2;
console.log(t.calcProp3()); //4
```
- Tolle Sachen. danke. Ich habe nicht verstanden, Prototyp, aber nach nur gerade ein tutorial über es diese Antwort jetzt absolut Sinn macht. Nur um zu überprüfen, wenn statt 'Test.der Prototyp.calcProp3 = function()' würde 'Test.der Prototyp.prop3 = function()' ebenso gültig sein? So konnte ich rufen 'Test.prop3' in genau der gleichen Weise, wie ich würde 'Test.prop1' oder 'Test.prop2'? Es ist nur ein name gebe ich die Funktion richtig?
- Es ist nur ein name, den Sie geben die Eigenschaft, bezieht sich auf eine Funktion, ja.
- Schön. Danke
InformationsquelleAutor T.J. Crowder

Javascript unterstützt jetzt den standard-Weg für die Implementierung von setter und Getter über - Objekt.defineProperties().

function Test() {
    this.prop1 = 1;
    this.prop2 = 2;
}
Object.defineProperties(Test.prototype, {
    prop3: {
        get: function test_prop3_get(){ return this.prop1 + this.prop2 },
    },
});

tester = new Test();

alert (tester.prop1); //=> 1
alert (tester.prop2); //=> 2
alert (tester.prop3); //=> 3

tester.prop1 += 1;

alert (tester.prop1); //=> 2
alert (tester.prop2); //=> 2
alert (tester.prop3); //=> 4

InformationsquelleAutor Kevin Cox

Nachdem ES6 können Sie berechnen, im Konstruktor:

JS:

class Test {
  constructor() {
    this.prop1 = 1;
    this.prop2 = 2;
    this.suma = this.prop1 + this.prop2;
  }
  get prop3() {
    return this.suma;
  }
}
const t = new Test();
console.log(t.suma);
console.log(t.prop3); //3

InformationsquelleAutor Alejandro A. E. Díaz

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.

Mit einem getter

Mit einer Funktion