Long description

Traditional syntax 1: Line 1: function open parenthesis close parenthesis open curly brace. Line 2: statements. Line 3: close curly brace. Corresponding Arrow syntax 1: Line 1: open parenthesis close parenthesis arrow function open curly brace. Line 2: statements. Line 3: close curly brace. Explanation: Multi-line function, no parameters: open curly brace close curly brace, open parenthesis close parenthesis required. Traditional syntax2: Line 1: function open parenthesis “a” comma b close parenthesis open curly brace. Line 2: statements. Line 3: close curly brace. Corresponding Arrow syntax 2: Line 1: open parenthesis “a” comma b close parenthesis arrow function open curly brace. Line 2: statements. Line 3: close curly brace. Explanation: Multi-line function, multiple parameters: open parenthesis close parenthesis required. Traditional syntax 3: Line 1: function open parenthesis close parenthesis open curly brace. Line 2: doSomething open parenthesis close parenthesis semicolon. Line 3: close curly brace. Corresponding Arrow syntax 3: Line 1: open parenthesis close parenthesis arrow function open curly brace. Line 2: doSomething open parenthesis close parenthesis semicolon. Line 3: close curly brace. Explanation: Single-line function, no return: open curly brace close curly brace required. Traditional syntax 4: Line 1: function open parenthesis “a” close parenthesis open curly brace. Line 2: return value semicolon. Line 3: close curly brace. Corresponding Arrow syntax 4: Line 1: open parenthesis “a” close parenthesis arrow function return value. Explanation: Single-line function, with return: open curly brace close curly brace optional. Traditional syntax 5: Line 1: function open parenthesis “a” close parenthesis open curly brace. Line 2: return value semicolon. Line 3: close curly brace. Corresponding Arrow syntax 5: Line 1: “a” arrow function value. Explanation: Single-line function, with return plus one parameter: open curly brace close curly brace, open parenthesis close parenthesis, return optional. Traditional syntax 7: Line 1: function open parenthesis close parenthesis open curly brace. Line 2: return value semicolon. Line 3: close curly brace. Corresponding Arrow syntax 7: Line 1: open parenthesis close parenthesis arrow function value. Explanation: Single-line function, with return plus no parameters; open curly brace close curly brace, return optional open parenthesis close parenthesis required. Traditional syntax 8: Line 1: function open parenthesis “a” comma b close parenthesis open curly brace. Line 2: return value semicolon. Line 3: close curly brace. Corresponding Arrow syntax 8: Line 1: open parenthesis “a” comma b close parenthesis arrow function value. Explanation: Single-line function, with return plus multiple parameter: open curly brace close curly brace, return optional open parenthesis close parenthesis required. Traditional syntax 9: Line 1: const g equals function open parenthesis “a” close parenthesis open curly brace. Line 2: return value semicolon. Line 3: close curly brace. Corresponding Arrow syntax 9: Line 1: const g equals “a” arrow function value. Explanation: Function expression. Traditional syntax 10: Line 1: function open parenthesis “a” comma b close parenthesis open curly brace. Line 2: return open curly brace. Line 3: p 1 colon “a” comma. Line 4: p 2 colon b. Line 5: close curly brace. Line 6: close curly brace. Corresponding Arrow syntax 10: Line 1: open parenthesis “a” comma b close parenthesis arrow function open parenthesis open curly brace. Line 2: p 1 colon “a” comma. Line 3: p 2 colon b. Line 4: close curly brace close parenthesis. Explanation: When arrow function returns an object literal, the object literal must be wrapped in the parenthesis.