javascript - 一次将一个函数应用于多个元素

Question

当我将相同的功能应用于多个元素时，我通常会执行以下操作:

var func = function(elem) {
  elem.style.color = 'red';
};

var p = document.querySelector('p');
var div = document.querySelector('div');

func(p);
func(div);

我想知道是否有一种简单的方法可以同时将此函数应用于两个(或更多)元素？例如:

func(p, div); // Apply my function to both elements at once

Answer 1

您可以使用参数:

var func = function() {
    var args = [].slice.apply(arguments);

    args.forEach(function (elem) {
        elem.style.color = 'red';
    });
};

随心所欲地调用它:

func(p, div);

附带说明一下，ECMAScript 6 中计划了一个名为“rest parameter”的功能，它可以实现您的想法，请查看 here .