为什么从this article开始的下面的代码片段产生不同的结果,因为花括号的位置只有一个变化？

当开始大括号{在新行上时,test()返回undefined,并且警报中显示“no – it broke：undefined”.

function test()
{
  return
  { /* <--- curly brace on new line */
    javascript: "fantastic"
  };
}

var r = test();
try {
  alert(r.javascript); // does this work...?
} catch (e) {
  alert('no - it broke: ' + typeof r);
}

当大括号与return返回同一行时,test()返回一个对象,并提醒“神奇”.

function test()
{
  return { /* <---- curly brace on same line */
    javascript: "fantastic"
  };
}

var r = test();
try {
  alert(r.javascript); // does this work...?
} catch (e) {
  alert('no - it broke: ' + typeof r);
}

解决方法:

这是JavaScript的一个陷阱：自动分号插入.不以分号结尾但可能是语句结尾的行会自动终止,因此您的第一个示例看起来像这样：

function test()
{
  return; // <- notice the inserted semicolon
  { 
    javascript: "fantastic"
  };
}

另请参阅Douglas Crockford’s JS style guide,其中提到了分号插入.

在第二个示例中,您返回一个对象(由花括号构建),其属性为javascript,其值为“fantastic”,实际上与此相同：

function test() {
    var myObject = new Object();
    myObject.javascript = "fantastic";
    return myObject;
}