缓存来自 John Resig 的 Learning Advanced JavaScript 的函数的返回结果

Question

我对 John Resig 在http://ejohn.org/apps/learn/#19 中的练习 #19 中的这个函数有一些疑问

1. 倒数第二行getElements.cache = {}; 的用途是什么，它是否将return results 存储在一个数组中？

2. 如果我在 (1) 中的猜测是正确的，它是否只捕获 return results，因为在函数的“else”部分，getElements.cache[name] = results;？

3. 当我在教程中使用控制台中的代码时，我从“else”部分中删除了行getElements.cache[name] = results，但仍然得到了相同的结果，就像它在那里时一样——也就是说，它告诉我有76个元素。因此，如果不需要得到结果，这行 getElements.cache[name] = results 的目的是什么？

4. 在函数的“else”部分中，getElements.cache[name] = results; 行的顺序与代码的if 部分相反，它显示@987654330 @

5. 最后，cache 是 JavaScript 中的预定义函数吗？我在文档中找不到它。

function getElements( name ) { 
  var results; 

  if ( getElements.cache[name] ) { 
    results = getElements.cache[name]; 
  } else { 
    results = document.getElementsByTagName(name); 
    getElements.cache[name] = results; 
  } 

  return results; 
} 
getElements.cache = {}; 

log( "Elements found: ", getElements("pre").length );

Answer 1

a) 倒数第二行确定对象 getElements 上的属性“缓存”是一个对象。本质上是初始化该属性。

b) 那就是缓存，把 getElements 想象成一个对象，缓存是一个保存结果的散列。

c) 是的，你仍然会得到相同的结果，因为缓存只是在缓存，它不会改变答案，它只是可能会加快速度。

d) 是的，一个是将结果存储到缓存中，另一个是从缓存中提取结果。

e) 不，这是为“getElements”定义的自定义属性，可以定义任意数量的具有不同名称的属性。

Answer 2

1.-倒数第二个的目的是什么 线getElements.cache = {};是吗 将返回结果存储在数组中？

只是初始化对象

2.- 如果我在 (1) 中的猜测是正确的，是吗？ 只捕获返回结果，因为， 在函数的“其他”部分， getElements.cache[name] = results;?

是的，它使用缓存方法来避免访问 DOM。

3.- 当我使用代码中的 在教程中的控制台，我删除了 线getElements.cache[name] = results 从“其他”部分，但仍然得到 和以前一样的结果 那里——也就是说，它告诉我那里 是 76 个元素。因此，什么是 这条线的目的 getElements.cache[name] = results 如果 不需要得到结果吗？

从某种意义上说，这并不是真正必要的，因为它只是使函数返回更快，因为访问对象比遍历 DOM 更快。

4.- 这个事实有什么意义吗 那个，在“其他”部分 函数，行的顺序 getElements.cache[name] = results; 是 与 if 部分相反 代码，上面写着results = getElements.cache[name]

在 else 部分，首先，results 变量被赋值为实际结果，然后结果被缓存。在 then 部分中，results 变量只是被分配了缓存值。无需重新缓存

5.- 最后，是缓存一个预定义的 JavaScript 中的函数？我找不到 它在文档中。

它不是预定义的。它被用作这个特定函数的属性（在 JavaScript 中，函数是第一类对象，可以将值存储在属性中。

这里是注释的代码：

function getElements( name ) { 
  var results; 

  if (getElements.cache[name]) { 
    results = getElements.cache[name]; // Use the cached value
  } else { 
    results = document.getElementsByTagName(name); // Get the desired value
    getElements.cache[name] = results; // cache the result
  } 

  return results; 
} 

getElements.cache = {}; // Initialize the cache

Answer 3

另一种缓存功能

// Were going to get some things.
var getSomeThings = function() {
    // Calling something expense to get the things.
    var things = somethingExpensive();
    // overwriting this function with a function that returns things
    getSomeThings = function() {
         return things;
    }
    // call the new function that returns things and return things.
    return getSomeThings();
};

第一次调用它时，您计算并返回它。第二个，第三个，......这被称为你只是返回的东西。

另一个例子允许你用一个不同但类似想法的参数来缓存它。这意味着您要缓存一大堆东西，而不仅仅是一个。

[编辑]

这样做是创建一个名为getSomeThings 的变量。然后为它分配一个功能。当您调用该函数时，它可以将getSomeThings 本身作为变量访问，并且可以使用新函数对其进行设置。

例如：

function getSomethingExpensive() {
     ...
     return 42;
}
var b = function() {
     b = getSomethingExpensive();
}    
b();
alert(b);