JavaScript SyntaxError – Missing name after . operator

0 0 1 minute read

This JavaScript exception missing name after . operator occurs if the dot operator (.) is used in the wrong manner for property access.

Message:

SyntaxError: missing name after . operator

Error Type:

SyntaxError

Cause of Error: The dot operator (.) is used to access the property. Users will have to provide the name of the properties to access. Somewhere the dot operator is used with the square bracket or “+” is used with the dot operator, Both cause problems.

Example 1: In this example, the property is accessed with the dot operator along with a square bracket, so the error has occurred.

Javascript

let GFG_Obj = {
    prop:
    {
        prop1: "val1",
        prop2: "val2"
    }
};
console.log(GFG_Obj.[prop].[prop1]);

Output(In console):

SyntaxError: missing name after . operator

Example 2: In this example, the property is accessed with the dot operator along with “+”(concatenation), so the error has occurred.

Javascript

let GFG_Obj = {
    prop:
    {
        prop1: "val1",
        prop2: "val2"
    }
};
let k = 2;
console.log(GFG_Obj.prop."prop" + k);

Output(In console):

SyntaxError: missing name after . operator

Whether you’re preparing for your first job interview or aiming to upskill in this ever-evolving tech landscape, zambiatek Courses are your key to success. We provide top-quality content at affordable prices, all geared towards accelerating your growth in a time-bound manner. Join the millions we’ve already empowered, and we’re here to do the same for you. Don’t miss out – check it out now!