贵阳市做网站电话,淘宝联盟怎么推广,网上做推广怎么收费,wordpress电子商城主题原文#xff1a;https://www.freecodecamp.org/news/a-quick-intro-to-higher-order-functions-in-javascript-1a014f89c6b/译者#xff1a;jingruzhang校对者#xff1a;acusp高阶函数高阶函数可以接收函数作为参数#xff0c;同时也可以返回一个新的函数。高阶函数之所以… 原文https://www.freecodecamp.org/news/a-quick-intro-to-higher-order-functions-in-javascript-1a014f89c6b/译者jingruzhang校对者acusp高阶函数高阶函数可以接收函数作为参数同时也可以返回一个新的函数。高阶函数之所以高阶是因为高阶函数的参数和返回值对象可以是函数这超越了普通函数处理的数据类型例如字符串(strings)、数字(numbers)、布尔值(booleans)等。JavaScript 中函数的应用场景很丰富作为变量存储在数组中使用作为对象属性(即方法)作为参数传递作为其他函数的返回值理解高阶函数的关键在于函数即数据。数据是函数运作的基本数据字符串(Strings)sayHi  (name)  Hi, ${name}!;result  sayHi(User);console.log(result); // Hi, User!数据数字(Numbers)double  (x)  x * 2;result  double(4);console.log(result); // 8数据布尔值(Booleans)getClearance  (allowed)  allowed ?  Access granted :  Access denied;result1  getClearance(true);result2  getClearance(false);console.log(result1); // Access grantedconsole.log(result2); // Access denied数据对象(Objects)getFirstName  (obj)  obj.firstName;result  getFirstName({      firstName: Yazeed});console.log(result); // Yazeed数据数组(Arrays)len  (array)  array.length;result  len([1, 2, 3]);console.log(result); // 3在所有的主流语言中以上这五种数据类型被称为 “头等对象”(原文first-class citizen, https://www.wikiwand.com/en/First-class_citizen)。为什么是“头等”呢因为这五种数据类型既可以作为参数传递又可以存储在变量或者数组中还可以作为变量用于计算是数据的基本形式。函数也是数据函数作为参数isEven  (num)  num % 2  0;result  [1, 2, 3, 4].filter(isEven);console.log(result); // [2, 4]请观察 filter 函数是如何使用 isEven 函数来判断要保留哪些内容的。这里的 isEven 是一个函数作为参数传入了 filter 函数中。filter 函数每次在做判断的时候都会调用 isEven 函数用 isEven 函数返回的布尔值来决定当前数值的去留。函数作为返回值add  (x)  (y)  x  y;add 函数需要两个参数但不需要它们俩同时传入第一次传参传入 x 就会返还一个新函数这个函数需要传入 y 参数。能够这样操作的基础在于 JavaScript 语言允许函数本身作为返回值存在就像函数可以返回字符串(strings)、数字(numbers)、布尔值(booleans)等JS 函数还可以返回另一个函数。当然我们也可以使用“双重调用”的方式一次性提供 x 和 y 两个参数result  add(10)(20);console.log(result); // 30或者分两次调用先传参数 x再传参数 yadd10  add(10);result  add10(20);console.log(result); // 30在上面这个例子中 add10 函数是第一次调用 add 函数的返回值可以尝试用 console.log 把结果打出来观察一下。add10 函数会接收 y 参数然后返回 x y 值。一旦 y 值到位函数会立马进行运算并返回结果。可重复利用性高阶函数的魅力在于它的可重复利用性如果不是高阶函数map、filter、reduce 等强大的数组函数就不可能存在。假设我们有一组用户如下所示然后我们要对该数组进行操作。users  [  {    name: Yazeed,    age: 25  },  {    name: Sam,    age: 30  },  {    name: Bill,    age: 20  }];Map没有高阶函数的话我们必须回到 for 循环的怀抱才能实现 map 函数的操作。getName  (user)  user.name;usernames  [];for (let i  0; i   const name  getName(users[i]);  usernames.push(name);}console.log(usernames);// [Yazeed, Sam, Bill]用 map 函数就简单多啦usernames  users.map(getName);console.log(usernames);// [Yazeed, Sam, Bill]Filter在没有高阶函数的情况下必须要用 for 循环来实现 filter 函数的功能。startsWithB  (string)  string.toLowerCase().startsWith(b);namesStartingWithB  [];for (let i  0; i   if (startsWithB(users[i].name)) {    namesStartingWithB.push(users[i]);  }}console.log(namesStartingWithB);// [{ name: Bill, age: 20 }]用 filter 函数就简单多啦namesStartingWithB  users.filter((user)  startsWithB(user.name));console.log(namesStartingWithB);// [{ name: Bill, age: 20 }]Reducereduce 函数也是的……没有高阶函数的话很多高端操作都是无法实现的total  0;for (let i  0; i   total  users[i].age;}console.log(total);// 75那这样是不是简单多啦totalAge  users.reduce((total, user)  user.age  total, 0);console.log(totalAge);// 75总结字符串(strings)、数字(numbers)、布尔值(booleans)、数组(arrays)、对象(objects)可以作为变量(variables)、数组(arrays)、属性( properties)或者方法(methods)存储起来。JavaScript 语言中函数也是像数据一样同等对待的。因此函数可以作为另外一个函数的参数或者返回值使用这样的做法叫高阶函数。map、filter、 reduce 等函数就是高阶函数的最佳代表它们让数组的处理(改变搜索相加等)变得简单不少