javascript return function返回未定義

Question

誰能解釋為什么我的三個示例函數中的第一個（ref failFunc() ）應該返回未定義的值而不是有效的字符串？

我知道我可以通過將表達式放在方括號（ref worksFunc1() ）中或將結果放在中間變量（ref worksFunc2() ）來解決此問題，但是第一個函數未能返回字符串的事實與我所做的任何事情worksFunc2()具有其他編程語言的經驗。

小提琴在這里： http : //jsfiddle.net/BloodBaz/zGLmy/

JavaScript：

var rs = {};

rs.failFunc = function(n)
{
    var h = "0010";
    var m = "15";
    var s = "12";
    var c = "10";

    return 
        h.substr(h.length - 4) + ":" + 
        m.substr(m.length - 2) + ":" + 
        s.substr(s.length - 2) + "." + 
        c.substr(c.length - 2);
}
rs.worksFunc1 = function(n)
{
    var h = "0010";
    var m = "15";
    var s = "12";
    var c = "10";

    return (
        h.substr(h.length - 4) + ":" + 
        m.substr(m.length - 2) + ":" + 
        s.substr(s.length - 2) + "." + 
        c.substr(c.length - 2));
}
rs.worksFunc2 = function(n)
{
    var h = "0010";
    var m = "15";
    var s = "12";
    var c = "10";

    var res =
        h.substr(h.length - 4) + ":" + 
        m.substr(m.length - 2) + ":" + 
        s.substr(s.length - 2) + "." + 
        c.substr(c.length - 2);
    return res;
}


var res = rs.failFunc();
document.getElementById('output1').innerHTML = res;
var res = rs.worksFunc1();
document.getElementById('output2').innerHTML = res;
var res = rs.worksFunc2();
document.getElementById('output3').innerHTML = res;

HTML：

<div id='output1'>output</div>
<div id='output2'>output</div>
<div id='output3'>output</div>

輸出：

undefined
0010:15:12.10
0010:15:12.10

Answer 1

JavaScript語法很奇怪。 一個特別奇怪的部分是， return語句后跟換行符被認為是return; 。 沒有表達式的return意味着對於調用者來說，返回值是undefined 。

從而，

return 
    h.substr(h.length - 4) + ":" + 
    m.substr(m.length - 2) + ":" + 
    s.substr(s.length - 2) + "." + 
    c.substr(c.length - 2);

實際上與

return;
    h.substr(h.length - 4) + ":" + 
    m.substr(m.length - 2) + ":" + 
    s.substr(s.length - 2) + "." + 
    c.substr(c.length - 2);

閱讀語言規范中的所有內容。