“return () => local;”是什么意思？在这个闭包中做什么？

Question

我正在通过阅读“Eloquent Javascript”来学习 javascript，但对第 3 章（函数）中的“闭包”部分感到困惑。

在前面的部分中，我了解了箭头函数，以及如何将它们用作匿名函数。我最初的想法是，这是一个匿名函数示例，我还不熟悉。

特别是，我对“() => local”对/返回的作用感到困惑。

function wrapValue(n) {
  let local = n;
  return () => local;
}

let wrap1 = wrapValue(1);
let wrap2 = wrapValue(2);
console.log(wrap1());
// → 1
console.log(wrap2());
// → 2

以下是该章节的链接： Eloquent Javascript - Ch. 3 "Functions"

提前致谢！

Answer 1

function wrapValue(n) {
   let local = n;
   return () => local;
}

和写一样（没有“this”的好处）

function wrapValue(n) {
   let local = n;
   return function() {
        return local;
   }
}

它是一个返回另一个使用传递参数的函数的函数。这称为Curry function

console.log(typeof wrapValue(2)); // prints "function"
console.log(wrapValue(2)()); // prints "2"

这是一个更好的例子

function multiple(a) {
    return (b) => a*b;
}

console.log([1,2,3,4].map(multiple(2)); // prints "[2,4,6,8]"

您可以通过数组非常轻松地使用柯里化函数

Answer 2

在 javascript 函数中创建作用域。例如：

function scoped(){
  let local = 10;
  console.log(local) // this works local is within scope
}

scoped() // logs:

console.log(local) // error -- local doesn't exist out here.

scoped 之外的 local 不存在。

函数内的函数可以访问整个作用域。所以这行得通：

function scoped() {
  let local = 10;
  function f() {
    console.log(local) // this works local is within scope
  }
  f()
}

scoped()

但是如果你返回引用函数范围的函数会发生什么？事实证明，内部函数承载了整个作用域。这是一个闭包：

function scoped(){
  let local = 10;
  function f(){
    console.log(local) // this works local is within scope
  }
  return f
}

f = scoped()
f() // can still see local

// but nobody else out here can:
console.log(local) // still an error

这允许你做一些非常巧妙的事情——一个重要的事情是你可以将某些变量保持私有，但仍然可以使用闭包来操作它们。

例如，这里的计数器不需要全局范围内的变量：

function counter(){
  let count = 0
  return () => count++
}

let c = counter()

console.log(c())  // it can count but there's not count variable in scape
console.log(c())
console.log(c())

使用全局计数变量执行此操作会很麻烦，并且可能会导致代码的其他部分与全局变量发生冲突。上面，除了c 函数之外没有任何东西可以访问计数器。事实上，你可以制作几个独立的：

function counter(){
  let count = 0
  return () => count++
}

let c = counter()
let d = counter()

console.log("c:", c())  // it can count but there's not count variable in scape
console.log("c:", c())
console.log("d:", d())  // d has it's own closure
console.log("d:", d())
console.log("c:", c())

你可以用闭包做很多事情，它们在 Javascript 中很重要。花时间真正了解它们是值得的。