Underscore.js _.invokes函数介绍

Underscore.js是一个JavaScript实用库，提供了许多有用的功能来处理对象、函数和集合。其中，_.invokes函数是一个非常有用的函数，它可以一次调用一组方法。

什么是_.invokes函数？

_.invokes函数是Underscore.js库中的一个函数，它可以一次调用一组方法。这个函数接受两个参数：要调用的方法的名称和作为方法参数的可选参数数组。

这是 _.invokes 函数的基本语法：

_.invokes(list, methodName, *arguments)

其中，list是要调用方法的对象的数组，methodName是要调用的方法的名称，arguments是可选参数数组。

使用_.invokes函数

下面我们来看看如何使用 _.invokes 函数。

假设我们有一个数组，其中包含多个对象，每个对象都具有一个名为draw的方法和一些其他方法。我们可以使用 _.invokes 函数来调用所有对象的 draw 方法，如下所示：

var shapes = [
  { color: 'red', draw: function() { console.log('Drawing a red shape...'); } },
  { color: 'blue', draw: function() { console.log('Drawing a blue shape...'); } },
  { color: 'green', draw: function() { console.log('Drawing a green shape...'); } }
];

_.invokes(shapes, 'draw');

这将输出：

Drawing a red shape...
Drawing a blue shape...
Drawing a green shape...

我们还可以使用 _.invokes 函数来调用多个方法，如下所示：

var shapes = [
  { color: 'red', draw: function() { console.log('Drawing a red shape...'); }, erase: function() { console.log('Erasing a red shape...'); } },
  { color: 'blue', draw: function() { console.log('Drawing a blue shape...'); }, erase: function() { console.log('Erasing a blue shape...'); } },
  { color: 'green', draw: function() { console.log('Drawing a green shape...'); }, erase: function() { console.log('Erasing a green shape...'); } }
];

_.invokes(shapes, ['draw', 'erase']);

这将输出：

Drawing a red shape...
Erasing a red shape...
Drawing a blue shape...
Erasing a blue shape...
Drawing a green shape...
Erasing a green shape...

另外，如果我们希望将参数传递给方法，可以将它们作为第三个参数传递，如下所示：

var shapes = [
  { color: 'red', draw: function(width, height) { console.log('Drawing a red shape with width ' + width + ' and height ' + height + '...'); } },
  { color: 'blue', draw: function(width, height) { console.log('Drawing a blue shape with width ' + width + ' and height ' + height + '...'); } },
  { color: 'green', draw: function(width, height) { console.log('Drawing a green shape with width ' + width + ' and height ' + height + '...'); } }
];

_.invokes(shapes, 'draw', [100, 200]);

这将输出：

Drawing a red shape with width 100 and height 200...
Drawing a blue shape with width 100 and height 200...
Drawing a green shape with width 100 and height 200...

总结

_.invokes函数是一个非常有用的函数，它可以一次调用一组方法。我们可以使用它来简化代码，并提高代码的可读性。无论你是处理对象、函数还是集合，都可以使用 _.invokes 函数来完成你的任务。