Selbstreferenzen in Objektliteralen / Initialisierern

Question 1

Gibt es eine Möglichkeit, etwas wie das Folgende in JavaScript zum Laufen zu bringen?

var foo = {
    a: 5,
    b: 6,
    c: this.a + this.b  // Doesn't work
};

In der aktuellen Form wirft dieser Code da offensichtlich einen Referenzfehler this bezieht sich nicht auf foo. Aber ist Gibt es eine Möglichkeit, Werte in den Eigenschaften eines Objektliterals von anderen zuvor deklarierten Eigenschaften abhängig zu machen?

Question 2

Nun, das einzige, was ich Ihnen sagen kann, sind Getter:

var foo = {
  a: 5,
  b: 6,
  get c() {
    return this.a + this.b;
  }
}

console.log(foo.c) // 11

Dies ist eine syntaktische Erweiterung, die durch die ECMAScript 5th Edition-Spezifikation eingeführt wurde, die Syntax wird von den meisten modernen Browsern (einschließlich IE9) unterstützt.

Question 3

Du könntest so etwas tun:

var foo = {
   a: 5,
   b: 6,
   init: function() {
       this.c = this.a + this.b;
       return this;
   }
}.init();

Dies wäre eine Art einmalige Initialisierung des Objekts.

Beachten Sie, dass Sie tatsächlich den Rückgabewert von zuweisen init() zu fooalso musst du return this.

Question 4

Die offensichtliche, einfache Antwort fehlt, also der Vollständigkeit halber:

Aber ist Gibt es eine Möglichkeit, Werte in den Eigenschaften eines Objektliterals von anderen zuvor deklarierten Eigenschaften abhängig zu machen?

Nein. Alle Lösungen hier verschieben es, bis das Objekt (auf verschiedene Weise) erstellt wurde, und weisen dann die dritte Eigenschaft zu. Die einfachste Weg ist, einfach dies zu tun:

var foo = {
    a: 5,
    b: 6
};
foo.c = foo.a + foo.b;

Alle anderen sind nur indirektere Wege, dasselbe zu tun. (Die von Felix ist besonders schlau, erfordert aber das Erstellen und Zerstören einer temporären Funktion, wodurch die Komplexität erhöht wird, und hinterlässt entweder eine zusätzliche Eigenschaft auf dem Objekt oder [if you delete that property] wirkt sich auf die Leistung aus nachfolgender Eigenschaftszugriffe auf dieses Objekt.)

Wenn Sie alles in einem Ausdruck haben möchten, können Sie dies ohne die temporäre Eigenschaft tun:

var foo = function(o) {
    o.c = o.a + o.b;
    return o;
}({a: 5, b: 6});

Oder natürlich, wenn Sie dies mehr als einmal tun müssen:

function buildFoo(a, b) {
    var o = {a: a, b: b};
    o.c = o.a + o.b;
    return o;
}

dann, wo Sie es verwenden müssen:

var foo = buildFoo(5, 6);

Question 5

Instanziieren Sie einfach eine anonyme Funktion:

var foo = new function () {
    this.a = 5;
    this.b = 6;
    this.c = this.a + this.b;
};

Question 6

Jetzt können Sie in ES6 faule zwischengespeicherte Eigenschaften erstellen. Bei der ersten Verwendung wird die Eigenschaft einmal ausgewertet, um eine normale statische Eigenschaft zu werden. Ergebnis: Beim zweiten Mal wird der Mathematikfunktions-Overhead übersprungen.

Die Magie liegt im Getter.

const foo = {
    a: 5,
    b: 6,
    get c() {
        delete this.c;
        return this.c = this.a + this.b
    }
};

Im Pfeil-Getter this holt die ab umgebenden lexikalischen Umfang.

foo     // {a: 5, b: 6}
foo.c   // 11
foo     // {a: 5, b: 6 , c: 11}

Question 7

Einige Schließungen sollten sich damit befassen;

var foo = function() {
    var a = 5;
    var b = 6;
    var c = a + b;

    return {
        a: a,
        b: b,
        c: c
    }
}();

Alle darin deklarierten Variablen foo sind privat foowie Sie es bei jeder Funktionsdeklaration erwarten würden, und da sie alle im Gültigkeitsbereich liegen, haben sie alle Zugriff aufeinander, ohne dass darauf verwiesen werden muss this, genau wie Sie es von einer Funktion erwarten würden. Der Unterschied besteht darin, dass diese Funktion ein Objekt zurückgibt, das die privaten Variablen verfügbar macht und diesem Objekt zuweist foo. Am Ende geben Sie nur die Schnittstelle zurück, die Sie als Objekt mit dem exponieren möchten return {} Aussage.

Die Funktion wird dann am Ende mit ausgeführt () wodurch das gesamte foo-Objekt ausgewertet wird, alle darin enthaltenen Variablen instanziiert und das Rückgabeobjekt als Eigenschaften von hinzugefügt werden foo().

Question 8

Du könntest es so machen

var a, b
var foo = {
    a: a = 5,
    b: b = 6,
    c: a + b
}

Diese Methode hat sich für mich als nützlich erwiesen, wenn ich auf das Objekt verweisen musste, für das eine Funktion ursprünglich deklariert wurde. Das Folgende ist ein minimales Beispiel dafür, wie ich es verwendet habe:

function createMyObject() {
    var count = 0, self
    return {
        a: self = {
            log: function() {
                console.log(count++)
                return self
            }
        }
    }
}

Indem Sie self als das Objekt definieren, das die Druckfunktion enthält, erlauben Sie der Funktion, auf dieses Objekt zu verweisen. Das bedeutet, dass Sie die Druckfunktion nicht an ein Objekt „binden“ müssen, wenn Sie sie woanders weitergeben müssen.

Wenn Sie stattdessen verwenden würden this wie unten dargestellt

function createMyObject() {
    var count = 0
    return {
        a: {
            log: function() {
                console.log(count++)
                return this
            }
        }
    }
}

Dann protokolliert der folgende Code 0, 1, 2 und gibt dann einen Fehler aus

var o = createMyObject()
var log = o.a.log
o.a.log().log() // this refers to the o.a object so the chaining works
log().log() // this refers to the window object so the chaining fails!

Durch die Verwendung der Methode self stellen Sie sicher, dass print immer dasselbe Objekt zurückgibt, unabhängig vom Kontext, in dem die Funktion ausgeführt wird. Der obige Code läuft einwandfrei und protokolliert 0, 1, 2 und 3, wenn Sie die Self-Version von verwenden createMyObject().