对象参数/函数和/或三元运算符的混淆

问题描述

| 我正在研究R Murphy的JQuery基础知识，并停留在她的解决方案中的一小段代码：slideshow.js。 她创建了以下功能（为了关注淡入和淡出图像的核心功能，我删除了一些导航代码）：

fadeCallback = function() {
            if (manualMode) { return; }

            var $this = $(this),$next = getItem($this,\'next\'),num = $this.prevAll().length + 1;

            // set the timeout for showing
            // the next item in 5 seconds
            timeout = setTimeout(function() {
                showItem($this,$next);
            },5000);
        };

在fadeCallback内部，她调用getItem（）获得$ this的下一个同级对象：

getItem = function($item,trav) {
            var $returnItem = $item[trav]();
            return $returnItem.length ? 
                $returnItem : 
                $items[(trav == \'next\') ? \'first\' : \'last\']();
        },

在我看来，在getItem（）内部，在一行中...

$items[(trav == \'next\') ? \'first\' : \'last\']();

...旅行永远不会成为\'next \'。即我们在代码中的其他任何地方都没有将\'trav \'设置为\'next \'。但是通过代码测试trav是否等于\'next \'，这意味着在某些情况下trav！= \'next \'。但我无法确定任何这种情况。 我没看到什么？     

解决方法

$prevBtn = $(\'<input/>\',{
    type: \'button\',value: \'previous\'
}).appendTo($controls),$nextBtn = $(\'<input/>\',value: \'next\'
}).appendTo($controls),$prevBtn.bind(\'click\',{ direction : \'prev\' },handleBtnClick);
$nextBtn.bind(\'click\',{ direction : \'next\' },handleBtnClick);

handleBtnClick = function(e) {
    clearTimeout(timeout);

    manualMode = true;

    var $currentItem = $items.filter(\':visible\'),$itemToShow = getItem($currentItem,e.data.direction);

    showItem($currentItem,$itemToShow);
};

显然是用于

prev

。