运行存储在变量中的jQuery函数

Question

问题不仅在于jQuery，还在于JS。

我有一个函数，根据参数的值，我想在这个函数中做不同的“任务”。

function show(animate) {
    if(animate) {
        $('.someElement1').slideDown();
        $('.someElement2').slideDown();
        // ...
        $('.someElementn').slideDown();
    } else {
        $('.someElement1').show();
        $('.someElement2').show();
        // ...
        $('.someElementn').show();
    }
}

我不想要if声明，我宁愿像下面这样做：

function show(animate) {
    var animation = 'slideDown'; // $.fn.slideDown
    if(!animate) {
        animation = 'show'; // $.fn.show
    }
    // $('.someElement1'). [run function stored in animation var] ();
    // $('.someElement2'). [run function stored in animation var] ();
    // ...
    // $('.someElementn'). [run function stored in animation var] ();
}

我怎样才能做到这一点？

Answer 1

你可以这样做

var animation = "show";
$('#myElement')[animation]();