1

我对一些javascript有一个奇怪的问题。在以下代码中，浏览器将在 if、else if、else if 条件下执行多个路径。因此，例如控制台将记录“a c”或“b c”。

if (divs[i].row == hover_div.row && divs[i].obj != hover_div.obj)
{
    console.log("a");
    divs[i].obj.stop()
        .animate({'width':d_thin}, { duration:600, queue:false })
        .animate({'height':d_expand}, { duration:600, queue:false });
}
else if (divs[i].col == hover_div.col && divs[i].obj != hover_div.obj)
{
    console.log("b");
    divs[i].obj.stop()
        .animate({'width':d_expand}, { duration:600, queue:false })
        .animate({'height':d_thin}, { duration:600, queue:false });
}
else if (divs[i].obj != hover_div.obj);
{
    console.log("c");
    divs[i].obj.stop()
        .animate({'width':d_thin}, { duration:600, queue:false })
        .animate({'height':d_thin}, { duration:600, queue:false });
}

我通过在块外添加一个计数器来检查代码没有执行两次。如果我将 if 语句嵌套在下面，整个事情都可以正常工作，但我不需要这样做吗？

if (divs[i].row == hover_div.row && divs[i].obj != hover_div.obj)
{
    console.log("a");
    divs[i].obj.stop()
        .animate({'width':d_thin}, { duration:600, queue:false })
        .animate({'height':d_expand}, { duration:600, queue:false });
}
else {
    if (divs[i].col == hover_div.col && divs[i].obj != hover_div.obj)
    {
        console.log("b");
        divs[i].obj.stop()
            .animate({'width':d_expand}, { duration:600, queue:false })
            .animate({'height':d_thin}, { duration:600, queue:false });
    }
    else {
        if (divs[i].obj != hover_div.obj);
        {
            console.log("c");
            divs[i].obj.stop()
                .animate({'width':d_thin}, { duration:600, queue:false })
                .animate({'height':d_thin}, { duration:600, queue:false });
        }
    }
}
4

2 回答 2

14 
else if (divs[i].obj != hover_div.obj); // <--

删除分号

于 2012-04-23T12:59:54.653 回答
4

您在此行有一个尾随分号：

else if (divs[i].obj != hover_div.obj);

这与说：

else if (...) {
   // do nothing
}

{
   console.log("c");
   ...
}

因此块 c 总是运行。

于 2012-04-23T13:01:00.410 回答