SyntaxError: missing name after . operator

SyntaxError: missing name after . operator (Firefox)
SyntaxError: Unexpected token '['. Expected a property name after '.'. (Safari)

Der Punktoperator (.) wird für den Eigenschaftszugriff verwendet. Sie müssen den Namen der Eigenschaft angeben, auf die Sie zugreifen möchten. Für berechneten Eigenschaftszugriff müssen Sie möglicherweise Ihren Eigenschaftszugriff von der Verwendung eines Punktes auf die Verwendung von eckigen Klammern ändern. Diese erlauben es Ihnen, einen Ausdruck zu berechnen. Vielleicht wollten Sie stattdessen eine Verkettung durchführen? In diesem Fall wird ein Plusoperator (+) benötigt. Bitte sehen Sie sich die untenstehenden Beispiele an.

Eigenschafts-Accessoren in JavaScript verwenden entweder den Punkt (.) oder eckige Klammern ([]), aber nicht beides. Eckige Klammern erlauben berechneten Eigenschaftszugriff.

const obj = { foo: { bar: "baz", bar2: "baz2" } };
const i = 2;

obj.[foo].[bar]
// SyntaxError: missing name after . operator

obj.foo."bar"+i;
// SyntaxError: missing name after . operator

Um diesen Code zu korrigieren, müssen Sie auf das Objekt wie folgt zugreifen:

obj.foo.bar; // "baz"
// or alternatively
obj["foo"]["bar"]; // "baz"

// computed properties require square brackets
obj.foo["bar" + i]; // "baz2"
// or as template literal
obj.foo[`bar${i}`]; // "baz2"

Wenn Sie aus einer anderen Programmiersprache (wie PHP) kommen, ist es ebenfalls leicht, den Punktoperator (.) und den Verkettungsoperator (+) zu verwechseln.

console.log("Hello" . "world");

// SyntaxError: missing name after . operator

Stattdessen müssen Sie ein Pluszeichen für die Verkettung verwenden:

console.log("Hello" + "World");

• Eigenschafts-Accessoren