In the JavaScript, Why is the different output coming for Two same properties function?

Question

** I have created two functions with different name & same properties and when I was checking surprisingly it's giving me different output. I don't understand what was is the problem exactly. I was expecting same result for both functions. See the below code**

function foo1()
{
  return {
      bar: "hello"
  };
}

function foo2()
{
  return
  {
      bar: "hello"
  };
}

console.log("foo1 returns:");
console.log(foo1());
console.log("foo2 returns:");
console.log(foo2());

Below is the Output:

foo1 returns:
Object {bar: "hello"}
foo2 returns:
undefined

`;` is automatically inserted after `return` in the second example — Maheer Ali, Mar 14 '20 at 12:40

score 3 · Accepted Answer · answered Mar 14 '20 at 12:43

3

It's because you have a new line after your return statement in the second function.

So instead of returning the object with bar, it just returns without a specified value, which returns undefined.

answered Mar 14 '20 at 12:43

ultraGentle

5,084
1
19
45

What if we enclose the return value between parentheses? Good way or bad? – Mridul Mar 14 '20 at 12:47
it still needs to be on the same line as the keyword return – ultraGentle Mar 14 '20 at 12:53
Thanks! it means need be below way always! function foo2() { return { bar: "hello" }; } – RamBhomkar Mar 14 '20 at 19:04

In the JavaScript, Why is the different output coming for Two same properties function?

1 Answers1