javascript - 使用javascript while循环来制作变量？

Question

有关于这个的主题，但没有真正指出我的问题。

我正在使用 iScroll，一个 jquery 插件。对于我页面上的每个滚动框，我需要分配一个唯一的变量。在这种情况下，它将是 myScroll1、myScroll2 等。

为了使其易于编辑，我希望自动生成变量，给出滚动条所在的 div 的数量。所以，假设我有 2 个带有这些滚动条的 div。我使用 .size() 方法来计算 div。然后我想要一个 while 循环来生成变量。我现在有这样的东西:

var i = 0;
var item_number = $(".portfolio_item").size();

var myScroll = [];
while( i < item_number ) {
    myScroll[i];
    i++;
}

Sooo，我不希望在 HTML 中生成任何内容，只需要变量。它们必须成为 myScroll1、myScroll2、myScroll3。取决于 .portfolio_item div 的数量。

我已经用 php 试过了，这对我来说更容易一些。但!!我不能在 php 中使用 javascript 变量。所以我无法计算 .portfolio_item div 的数量:(谢谢你! :)

Answer 1

不好的做法，但你可以这样做

var i = 0;
var item_number = $(".portfolio_item").size();

while( i < item_number ) {
    window["myScroll" + i] = "foo" + i;
    i++;
}

alert(myScroll0);

更好的做法是使用命名空间并添加到它。

var i = 0;
var item_number = $(".portfolio_item").size();

var foo = {};
while( i < item_number ) {
    foo["myScroll" + i] = "foo" + i;
    i++;
}

alert(foo.myScroll0);