通过单击导航一组函数答案

【问题标题】：Navigate an array of functions by click通过单击导航一组函数
【发布时间】：2016-05-08 13:52:14
【问题描述】：

我有两个按钮（下一步和返回），我想在每次单击“下一步”时执行数组的下一个函数，并在使用 jquery 单击“返回”时执行最后一个函数。我不知道从哪里开始...

function1 ();
function2 ();
function3 ();
function4 ();

【问题讨论】：

【解决方案1】：

您可以将这些函数放入一个数组中：

var functions = [ function1, function2, function3, function4 ];

并有一个整数来跟踪最后执行的函数：

var index = 0;

现在，当单击下一个时，您将调用数组中指定索引处的函数并递增它：

functions[Math.abs(index % functions.length)]();
index++;

当点击返回时做同样的事情，但减少索引：

functions[Math.abs(index % functions.length)]();
index--;

index % functions.length 确保返回值始终在 0-3 范围内，这实际上是数组允许的索引范围。

【讨论】：