Difference between returning followed by curly braces and returning followed by curly braces on the next line

Question

Difference between returning followed by curly braces and returning followed by curly braces on the next line

function a(){
 return{
    bb:"a"
 }
}

and 

function a(){
 return
 {
    bb:"a"
 }
}

Is there any difference between the two codes, if yes please explain.

+3

javascript

Rishi Jul 14 17 at 8:10

source to share

2 answers

For some reason, the Javascript boxes decided that one return

per line would be subject to some "automatic correct" mechanism called Automatic Semicolon Insertion.

So your second snippet becomes

function a1(){
 return;
 {
    bb:"a"
 }
}

which is no longer syntactically valid!

Ref: What are the rules for automatic semicolon insertion (ASI) for JavaScript?

(I am currently learning Javascript myself and have already dropped for this.)

+3

Bathsheba Jul 14 17 at 8:17

source to share

Yury tarabanko · Accepted Answer · 2017-07-14T08:14:02+0000

The difference is huge. The first one returns an object. The second is undefined due to Automatic semicolon . return

will becomereturn;

function a(){
 return{
    bb:"a"
 }
}


function a1(){
 return
 {
    bb:"a"
 }
}

console.log(a(), a1())

Run code Hide result

Difference between returning followed by curly braces and returning followed by curly braces on the next line

More articles: