有人可以告诉我如何用循环替换以下 javascript 代码吗？答案

【问题标题】：Can someone tell me how to replace the following javascript code with a loop?有人可以告诉我如何用循环替换以下 javascript 代码吗？
【发布时间】：2014-08-22 10:46:22
【问题描述】：

dataBase[0].valueline = d3.svg.line()
.x(function(d) { return x(d["Date"]); })
.y(function(d) { return y(d[dataBase[0].columnline]); });

dataBase[1].valueline = d3.svg.line()
.x(function(d) { return x(d["Date"]); })
.y(function(d) { return y(d[dataBase[1].columnline]); });

dataBase[2].valueline = d3.svg.line()
.x(function(d) { return x(d["Date"]); })
.y(function(d) { return y(d[dataBase[2].columnline]); });

dataBase[3].valueline = d3.svg.line()
.x(function(d) { return x(d["Date"]); })
.y(function(d) { return y(d[dataBase[3].columnline]); });

dataBase[4].valueline = d3.svg.line()
.x(function(d) { return x(d["Date"]); })
.y(function(d) { return y(d[dataBase[4].columnline]); });

dataBase[5].valueline = d3.svg.line()
.x(function(d) { return x(d["Date"]); })
.y(function(d) { return y(d[dataBase[5].columnline]); });

dataBase[6].valueline = d3.svg.line()
.x(function(d) { return x(d["Date"]); })
.y(function(d) { return y(d[dataBase[6].columnline]); });

dataBase[7].valueline = d3.svg.line()
.x(function(d) { return x(d["Date"]); })
.y(function(d) { return y(d[dataBase[7].columnline]); });

我已经尝试过声明：

for (var i = 0; i < dataBase.length; i++) {

dataBase[i].valueline = d3.svg.line()
    .x(function(d) { return x(d["Date"]); })
    .y(function(d) { return y(d[dataBase[i].columnline]); });

}

但这不起作用，因为

function(d) { 
  return y(d[dataBase[i].columnline]); 
}

与循环中的 i 不同。我还尝试了 stackoverflow.com/questions/750486/javascript-closure-inside-loops-simple-practical-example 中的绑定技术

function createfunc(count) {
    return function(d) {
        return y(d[dataBase[count].columnline]);
    };
}
for (var i = 0; i < dataBase.length; i++) {

dataBase[i].valueline = d3.svg.line()
    .x(function(d) { return x(d["Date"]); })
    .y(createfunc(i));
}

但这也导致了错误。谁能告诉我如何将八行代码变成一个循环？

【问题讨论】：

您遇到范围问题，但没有完整代码无法尝试解决
But that also resulted in an error as well. 什么错误？

标签： javascript function loops variables binding

【解决方案1】：

正如上面的评论者所说，这几乎可以肯定是一个范围问题，但是如果没有看到周围的代码，很难准确地说出是什么样的范围问题。如果您在 JavaScript 中遇到范围问题，一个普遍的好主意是尽可能多地包装在独立函数中，因为它们每个都有自己的范围并且可以在一定程度上充当闭包。也许尝试类似：

function xFunc(d) {
    return function (d) { return x(d["Date"]) };
}

function yFunc(d, i) {
    return function (d) { return y(d[dataBase[i].columnline]) };
}

for (var i = 0; i < dataBase.length; i++) {

    dataBase[i].valueline = d3.svg.line()
        .x(xFunc(d))
        .y(yFunc(d, i));

}

我不知道这是否真的有效，即使有效，也可能有更好的方法来构建该闭包。如果您不熟悉立即调用函数表达式，请查看this post，并考虑找到一种方法将它们用于您的代码。它们非常适合防止 JavaScript 中的范围问题。

【讨论】：