javascript - 试图找出 jquery 语法

Question

我正在查看这段代码并有几个问题。我在 jquery 基础知识手册和 google 上进行了一些挖掘，但没有找到直接的答案。

这是完整的代码

function slideSwitch()
{
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    var $next =  $active.next().length ? $active.next()
    : $('#slideshow IMG:first');


    $active.addClass('last-active');

    $next.css({opacity: 0.0})
         .addClass('active')
         .animate({opacity: 1.0}, 1000, function() {
             $active.removeClass('active last-active');
          });
}

让我印象深刻的第一件事是他做了一个不带括号的内联 if 语句，这很酷，我不知道你能做到这一点。然而，它是否遵循良好的编码标准或者无关紧要？

也是他声明 var $next 的下一行。我从未见过包含此类条件的变量。我猜他是说输入 $active.next() 并且如果长度为 0 则 $active.next() 将成为幻灯片放映中的第一张图片。我不太确定操作数的含义。

有什么见解吗？

Answer 1

The first thing that strikes me is that he makes an inline if statement w/o brackets

我认为你的意思是大括号{}。

that's cool and I didn't know you could do that. However, is it something that follows good coding standards or does it not matter?

它通常被认为是较差的代码风格。稍后很容易向 if 分支添加更多代码，但没有意识到使用了无括号语法。

JSLint会提示这一点。

Also the next line where he declares var $next. I've never seen a variable with those kinds of conditions in it.

这是一个 conditional (ternary) operator 。

return condition ? expr1 : expr2

相当于:

if (condition) {
    return expr1;
} else {
    return expr2;
}

所有这些都是 JavaScript。它与 jQuery 库无关。