Sizzle推应用

Question

为什么Sizzle选择器引擎会使用push.apply（结果......）而不是results.push（...）对我来说似乎没有必要。有人能解释一下动机吗？

为了详细说明，我对为更轻的重量选择器引擎编写/借用sizzy中的位很感兴趣。我想我不需要像：包含（文本）这样的东西，这会进一步减轻重量。所以通读我看到的源代码

var arr = [],
    push = arr.push
    results = results || [];
 ....
 push.apply( results, context.getElementsByTagName( selector ) );

这段代码很有意义，只是使用起来不是更简单吗

results.push( context.getElementsByTagName( selector ) );

我不想对这样一个小小的会议唠叨不休，我只想知道我是否遗漏了一些背景问题。

Answer 1

再次查看代码（Rest后）。在第205行，Sizzle检查选择器模式是否是ID并使用results.push

elem = context.getElementById( m );
results.push( elem );
return results;

第237行之后的代码用于元素或类，并使用了getElementsByTagName或getElementsByClassName以及push。应用（结果，…） 。

我想这是

for( elem in context.getElementsByClassName( m ) ) {
    results.push( elem );
}

就像Mozzila文档示例中的情况一样https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/apply

// short hand
var max = Math.max.apply(null, numbers);
var min = Math.min.apply(null, numbers);

/* vs. simple loop based algorithm */
max = -Infinity, min = +Infinity;

for (var i = 0; i < numbers.length; i++) {
  if (numbers[i] > max)
    max = numbers[i];
  if (numbers[i] < min) 
    min = numbers[i];
}

根据我最初的问题结果。push（context.getElementsByTagName（选择器）） 将导致不需要的对象。这会将NodeList类型的一个参数推送到结果中。

示例：

var a = [1, 2, 3], b = [], c =[];
b.push( a ); // b.length = 1, now we have a multidimensional array
[].push.apply( c, a ); // c.length = 3, we now have a clean array, not a NodeList

Answer 2

它代替了：

results.concat(array)

因为concat创建了一个额外的数组，但是push。应用不会：

push.apply(results, array)

缓存结果数组，不创建额外的数组。

但你也可以这样做：

results.push.apply(results, array)

我不知道为什么需要arr。

编辑：

我认为额外的arr可能需要将getElementsByTagName返回的伪数组转换为实数组。