Question

我对编程比较陌生，今天正在阅读Eloquent Javascript这本书。我遇到了一个与整体范围有关的例子。但是我更感兴趣的是理解它们提供的函数中的所有元素。

这是功能：

var landscape = function () {
    var result = "";
    var flat = function (size) {
        for (var count = 0; count < size; count++)
            result += "_";
    };
    var mountain = function (size) {
        result += "/";
        for (var count = 0; count < size; count++)
            result += "'"
        result += "\\"
    };

    flat(3);
    mountain(4);
    flat(6);
    mountain(1);
    return result;
};

console.log(landscape());

当我试图打破这个功能时，除了for循环之外，我理解的大部分都是。我不确定为什么这个函数需要它们，并且想知道是否有人愿意为我消化这个问题，并解释为什么我们需要循环来使函数正常工作。

Answer 1

现在你得到了输出：

___/''''\______/'\

如果没有它们，你会得到两个看起来像这样的函数（简化）：

var flat = function(size){
    result += "_";
};

var mountain = function(size){
    result += "/'\\";
};

因此你得到了输出

_/'\_/'\

size的{{1}}参数定义了应输出的下划线数量，flat()的{{1}}参数定义了多少个单引号（size ）应该输出。

因此你需要循环，否则你会得到更小的山脉和平地。

考虑下面的“图纸”，mountain为“平面”而'为“山”：

每个山总是至少3个字符长（因为它输出正斜杠，至少一个M然后反斜杠）。这意味着上面的输出（以及您的代码）

___/''''\______/'\
FFFMMMMMMFFFFFFMMM

重申：

如果你问因为

3 x F = 3 flats               | flats(3)
6 x M = (6 - 2) = 4 mountains | mountain(4)
6 x F = 6 flats               | flats(6)
3 x M = (3 - 2) = 1 mountain  | mountain(1)

对你来说似乎很奇怪，然后总是认为像这样的单行条件类似于

// define an anonymous function with a "size" parameter and save it as "flat"
var flat = function (size) {
    // start "count" at 0 (count = 0) and add 1 to "count" (count++) while "count" is less than "size" (count < size)
    for (var count = 0; count < size; count++) {
        // Add an underscore to the "result" variable
        result += "_";
    }
};

// define an anonymous function with a "size" parameter and save it as "mountain"
var mountain = function (size) {
    // Add a forward slash to the "result" variable
    result += "/";

    // start "count" at 0 (count = 0) and add 1 to "count" (count++) while "count" is less than "size" (count < size)
    for (var count = 0; count < size; count++) {
        // Add a single quote to the "result" variable
        result += "'";
    }

    // Add a backwards slash to the "result" variable
    result += "\\"
};

Answer 2

如同在另一个答案中所述，for循环用于将字符连接指定的次数。我想指出你不需要for循环来制作你的平底鞋＃34;和＃34;山脉＆＃34;。

jsfiddle demo

var landscape = function () {
    var result = "";

    var flat = function (size) {
         result += Array(size+1).join("_");
    };
    var mountain = function (size) {
        result += "/";
        result += Array(size+1).join("'");
        result += "\\";
    };

    flat(3);
    mountain(4);
    flat(6);
    mountain(1);
    return result;
};

console.log(landscape());

有人可以向我解释为什么我们需要在这个函数中使用for循环吗？

2 个答案: