过滤数组的难点理解 - Eloquent Javascript 第 5 章

Question

我目前正在使用 Eloquent javascript 学习 javascript。在第 5 章中，我了解了 filter() 函数内部的部分。但是不明白console.log里面的那行代码：

    function filter(array, test) {
     let passed = [];
     for (let element of array) {
      if (test(element)) {
        passed.push(element);
    }
  }

  return passed;

}

console.log(filter(SCRIPTS, script => script.living));

我不明白的那一行：

     console.log(filter(SCRIPTS, script => script.living))
     // → [{name: "Adlam", …}, …]

script=>script.living 做什么？请帮忙。

Answer 1

在 javascript 中，一切都被视为一个对象。函数也是对象。所以函数可以作为参数传递给其他函数。这些将其他函数作为参数的函数称为Higher Order Function。这里你的filter 函数是一个高阶函数。因为它可以将函数作为参数。

现在让我们专注于您的查询。你写的你看不懂下面的代码：

filter(SCRIPTS, script => script.living)

上面这段代码也可以写成下面这样

filter(SCRIPTS, function(script) {
   return script.living 
})

两者是等价的。第一个称为Arrow Function。箭头函数是常规函数体的较短版本。

在这里，我们向filter 函数传递了两个参数。一个是SCRIPTS变量，一个是function（箭头函数形式，也可以是正则函数，没关系 em>）。 filter 函数将使用函数参数作为其内部使用。