在JavaScript中调用和传递嵌套函数

时间:2018-11-15 17:05:38

标签: javascript function callback nested-function

我有一个函数,该函数返回一系列数字的LCM。它工作得很好,但是在函数内部的函数内部有一个函数。我的问题是为什么我不能通过从内部删除scm()来简化嵌套的smallestCommon()?如果其他功能嵌套得如此深,为什么这个特定的解决方案需要这个?

function smallestCommons(arr) {
  var max = Math.max(...arr);
  var min = Math.min(...arr);
  var candidate = max;

  var smallestCommon = function(low, high) {
  // inner function to use 'high' variable
    function scm(l, h) {
      if (h % l === 0) {
         return h;
      } else {
        return scm(l, h + high);
      }
    }
    return scm(low, high);
  };

  for (var i = min; i <= max; i += 1) {
    candidate = smallestCommon(i, candidate);
  }

  return candidate;
}

smallestCommons([5, 1]); // should return 60
smallestCommons([1, 13]); // should return 360360
smallestCommons([23, 18]); //should return 6056820

3 个答案:

答案 0 :(得分:1)

具有内部函数不一定是不好的。有时您想减少一些本地重复,但又不想创建新的顶层函数。仔细使用,他们可以清理代码。

但是在您的特定情况下,没有必要嵌套它。您只需将high变量作为第三个参数传递即可:

function scm(l, h, high) {
  if (h % l === 0) {
     return h;
  } else {
    return scm(l, h + high, high);
  }
}

function smallestCommon (low, high) {
  return scm(low, high, high);
}

在处理递归时,这实际上是一个相当常见的模式:具有递归函数和帮助函数,可简化对递归函数的调用。在使用递归的函数式语言中,it's actually commonplace to have a local recursive function like you had originally (often called something like go).


JS doesn't have a range function很可惜。 smallestCommons基本上只是范围[min,max]的减少。在缺少range函数和smallestCommon的参数顺序错误之间,不幸的是,将代码转换为使用reduce会有点笨重:

function smallestCommons(arr) {
  var max = Math.max(...arr);
  var min = Math.min(...arr);

  return Array.from(new Array(max - min), (x,i) => i + min)
              .reduce((acc, i) => smallestCommon(i, acc), max);
}

答案 1 :(得分:0)

如果以这种方式重写内部函数,则它们不会在其外部范围内引用变量,则可以取消嵌套。

function scm(l, h, step) {
  if (h % l === 0) {
     return h;
  } else {
    return scm(l, h + h, step);
  }
}

function smallestCommons(arr) {
  var max = Math.max(...arr);
  var min = Math.min(...arr);
  return scm(min, max, max);
}

虽然这可能会炸毁您的堆栈,但这是另一个问题。如果您获得RangeError,则必须重写scm使其成为基于循环的,而不是基于递归的。

答案 2 :(得分:0)

我建议将其分解为较小的部分。您将拥有许多易于编写和调试的功能,而不是一个复杂且难以调试的功能。较小的功能也更容易在程序的其他部分进行测试和重用-

const gcd = (m, n) =>
  n === 0
    ? m
    : gcd (n, m % n)

const lcm = (m, n) =>
  Math.abs (m * n) / gcd (m, n)
  
console.log
  ( lcm (1, 5)    // 5
  , lcm (3, 4)    // 12
  , lcm (23, 18)  // 414
  )

现在我们有minmax。此实现的独特之处在于,它仅使用输入数组的单个遍历-

来找到最小值和最大值
const None =
  Symbol ()

const list = (...values) =>
  values

const minmax = ([ x = None, ...rest ], then = list) =>
  x === None
    ? then (Infinity, -Infinity)
    : minmax
        ( rest
        , (min, max) =>
            then
              ( Math.min (min, x)
              , Math.max (max, x)
              )
        )

console.log
  ( minmax ([ 3, 4, 2, 5, 1 ])    // [ 1, 5 ]
  , minmax ([ 1, 5 ])             // [ 1, 5 ]
  , minmax ([ 5, 1 ])             // [ 1, 5 ]
  , minmax ([ 9 ])                // [ 9, 9 ]
  , minmax ([])                   // [ Infinity, -Infinity ]
  )

默认情况下,minmax返回最小值和最大值的list。我们可以将最小值和最大值直接插入range函数中,这对我们可能更有用,我们将在后面看到-

const range = (m, n) =>
  m > n
    ? []
    : [ m, ... range (m + 1, n ) ]

console.log
  ( minmax ([ 3, 4, 2, 5, 1 ], range)    // [ 1, 2, 3, 4, 5 ]
  , minmax ([ 1, 5 ], range)             // [ 1, 2, 3, 4, 5 ]
  , minmax ([ 5, 1 ], range)             // [ 1, 2, 3, 4, 5 ]
  , minmax ([ 9 ], range)                // [ 9 ]
  , minmax ([], range)                   // []
  )

现在我们可以找到输入的最小值和最大值,在两者之间创建一个范围,剩下的就是计算范围中值的lcm。使用.reduce-

可以获取许多值并将其减少为单个值
console.log
  ( minmax ([1, 5], range) .reduce (lcm, 1) // 60
  , minmax ([5, 1], range) .reduce (lcm, 1) // 60
  )

将其包装到函数中,我们就完成了-

const smallestCommons = xs =>
  minmax (xs, range) .reduce (lcm, 1)

console.log
  ( smallestCommons ([ 5, 1 ])    // 60
  , smallestCommons ([ 1, 13 ])   // 360360
  , smallestCommons ([ 23, 18 ])  // 6056820
  )

在下面的您自己的浏览器中验证结果-

const gcd = (m, n) =>
  n === 0
    ? m
    : gcd (n, m % n)

const lcm = (m, n) =>
  Math.abs (m * n) / gcd (m, n)

const None =
  Symbol ()

const list = (...values) =>
  values

const minmax = ([ x = None, ...xs ], then = list) =>
  x === None
    ? then (Infinity, -Infinity)
    : minmax
        ( xs
        , (min, max) =>
            then
              ( Math.min (min, x)
              , Math.max (max, x)
              )
        )

const range = (m, n) =>
  m > n
    ? []
    : [ m, ... range (m + 1, n ) ]

const smallestCommons = xs =>
  minmax (xs, range) .reduce (lcm, 1)

console.log
  ( smallestCommons ([ 5, 1 ])    // 60
  , smallestCommons ([ 1, 13 ])   // 360360
  , smallestCommons ([ 23, 18 ])  // 6056820
  )


额外

以上,minmax是使用连续传递样式定义的。通过将range作为指定的延续(then),可以节省额外的计算量。但是,我们可以调用minmax,而无需指定继续符并将中间值扩展(...)到range。两种程序对您来说都更有意义。结果是一样的-

const smallestCommons = xs =>
  range (...minmax (xs)) .reduce (lcm, 1)

console.log
  ( smallestCommons ([ 5, 1 ])    // 60
  , smallestCommons ([ 1, 13 ])   // 360360
  , smallestCommons ([ 23, 18 ])  // 6056820
  )

同一头猪,不同的农场

  

smallestCommons基本上只是[min,max]-@Carcigenicate

范围内的减少量

希望通过多种方法可以看到相同的结果:D


表面

有些人会鄙视minmax的上述实现,而不管其优雅和灵活。既然我们已经了解了减少一点的技巧,那么我们可以展示如何使用直接样式更好地实现minmax-

const minmax = xs =>
  xs .reduce
    ( ([ min, max ], x) =>
        [ Math.min (min, x)
        , Math.max (max, x)
        ]
    , [ Infinity, -Infinity ]
    )

const smallestCommons = xs =>
  range (...minmax (xs)) .reduce (lcm, 1) // direct style now required here