これらの構文上同じ機能が異なる結果をもたらす理由を教えてください。

Question

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

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

console.log(foo1()); 
console.log(foo2()); 

なぜコードが同じに見えても、2つの関数が異なる結果を出力する理由を説明できますか？

Answer 1

自動セミコロン挿入

the specificationを引用

、continueは、breakは、returnは、throw、またはyieldトークンが検出された

とLineTerminatorは、次のトークンの前に発生しました、 continue、break、return、の後ろにセミコロンが自動的に挿入されます。、またはyieldトークン。この

function foo2() { 
    return;   // Note the `;` after `return` 
    { 
     bar: "hello" 
    }; 
} 

return文が終了した後、基本的には到達できないコードであることの後にオブジェクトが存在するよう

ので、コードがなります。 returnステートメントは明示的に何も返しませんので、undefinedが返されます。