我可以将“this”作为参数传递给javascript中的另一个函数吗

Question

我有这个：

$('#slider li').click(function () {
    var stepClicked = $(this).index();
    alert(stepClicked);
    if (stepClicked != 0) {
        $('#cs_previous').removeClass('cs_hideMe');
    } else {
        $('#cs_previous').addClass('cs_hideMe');
    }

    $('li.cs_current').removeClass('cs_current');
    $($(this)).addClass('cs_current');


    moveToNextImage(stepClicked);

    function moveToNextImage(stepClicked) {
        alert(stepClicked);
        var currentIs = $('li.cs_current').index();
        var newLeftEdge = currentIs - stepClicked;
        $('.cs_riskStageImage').fadeTo(200, .2).animate({
            left: newLeftEdge
        }, "fast").fadeTo(200, 1);
    };
});

警报显示单击的 li 的正确索引，当我在我调用的最后一个函数 moveToNextImage(stepClicked) 中警报变量时，显示相同的值但动画没有发生。这适用于许多其他方式，但我试图传递单击的列表项的索引值以用于数学计算。

..或者我可以将第一个函数中的值转换为另一个变量，然后传递给第二个函数吗？

Answer 1

javascript 函数 call() 和 apply() 都是为了在上下文中调用函数。

function sum() { 
    return this.num1 + this.num2; 
} 

function callSum(num1, num2) { 
    this.num1 = num1
    this.num2 = num2
    return sum.call(this);       //call sum() in the context of this 
} 

alert(callSum(10, 15)); 

function applySum(num1, num2) { 
    this.num1 = num1
    this.num2 = num2
    return sum.apply(this);   //call sum() in the context of this 
} 

alert(applySum(30, 45)); 

jsfiddle example link

现在，在 sum() 函数中，this 关键字的上下文与在 callSum() 和 applySum() 函数中的上下文相同。

call() 和 apply() 的区别在于 apply 的第二个参数要么是要传递的参数数组，要么是 arguments 对象。

Answer 2

您可以像这样将this 传递给另一个函数：

moveToNextImage(this, stepClicked);

function moveToNextImage(obj, stepClicked) {
   var index = $(obj).index;
}

在你的代码中，这行是什么意思：

$($(this)).addClass('cs_current');

应该是：

$(this).addClass('cs_current');