JavaScript SyntaxError - Missing name after . operator

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.

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.

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