javascript - 这是正确的 JavaScript 语法吗？

Question

网络上最有帮助的在线社区，周六早上好! =)

我有几百行 JavaScript，我想重新格式化以使其更易于阅读。我想在我浪费半天时间之前，我应该先在这里问我的问题。

我是 JavaScript 新手，想知道下面的语法是否正确？

我原来的代码是这样的:

function formfocus() {
    if(document.getElementById('inputida')) {
        document.getElementById('inputida').focus();
        document.getElementById('inputida').value = '';
    }
    else if(document.getElementById('inputidb')) {
        document.getElementById('inputidb').focus();
        document.getElementById('inputidb').value = '';
    }
}

function popitup(url, name, width, height) {
    newwindow = window.open(url, name, 'width=' + width + ',height=' + height + ',scrollbars=yes');

    if(window.focus) {
        newwindow.focus();
    }
    return false;
}

...我想将代码更改为这样(注意间距):

function formfocus()
{
    if ( document.getElementById( 'inputida' ) )
    {
        document.getElementById( 'inputida' ).focus();
        document.getElementById( 'inputida' ).value = '';
    }
    else if ( document.getElementById( 'inputidb' ) )
    {
        document.getElementById( 'inputidb' ).focus();
        document.getElementById( 'inputidb' ).value = '';
    }
}

function popitup( url, name, width, height )
{
    newwindow = window.open( url, name, 'width=' + width + ', height=' + height + ', scrollbars=yes' );

    if ( window.focus )
    {
        newwindow.focus();
    }
    return false;
}

差异在于:

1. 'if' 之后的间距和'else if'声明
2. parentheses 周围的间距
3. 开头之前的换行 curly braces

Answer 1

是的，您的新语法有效，并且与旧语法等效。

除了非常晦涩的情况外，JavaScript 代码中的换行符和空格都会被忽略，因此您可以按照自己的喜好进行布局。

但是旧语法是惯用的 JavaScript 编写方式 - 经验丰富的 JavaScript 程序员在查看新语法时会认为它看起来很奇怪。