关于 JavaScript 数组原型

Question

我最近从这个页面阅读了与 JavaScript 相关的教程，我尝试了一些代码，但我不明白一些逻辑。 下面是作者代码。

函数本身：

var lz="";
lz.memo = function (fn) {
var cache = {};
return function () {
    var key = [].join.call(arguments, '§') + '§';
    if (key in cache) {
        return cache[key];        }
    return cache[key] = fn.apply(this, arguments);
  };
};

及其执行

 var foo = 1;
function bar(baz) {
    return baz + foo;
}
var cached = lz.memo(bar);
console.log(cached(1));
foo += 1;
console.log(cached(1)); //2

但如果我改变

var key = [].join.call(arguments, '§') + '§';

到

var key=arguments[0];

它也有效（缓存有效）。 作者在这里使用的目的是什么

var key = [].join.call(arguments, '§') + '§';

感谢关注！ 这是代码的CODEPEN

Answer 1

它也有效（缓存有效）

只是因为你只用一个参数调用它。 （而且它的工作方式并不完全相同，缓存键将缺少原始代码所具有的键上的§ 。）

作者在这里使用的目的是什么

他们创造了所有的您提供加入连同参数字符串§它们之间§末，就像这样：

 function foo() { return [].join.call(arguments, '§') + '§'; } console.log(foo(1)); // 1§ console.log(foo(1, 2)); // 1§2§ console.log(foo("a", "b", "c")); // a§b§c§

他们这样做是因为arguments是类似数组的，但它不是数组，因此它没有来自Array.prototype的join方法。

他们创建的临时数组实际上没有任何理由，您可以直接调用join ：

return Array.prototype.join.call(arguments, '§') + '§';

另一个选项是将arguments转换为实际数组：

return Array.prototype.slice.call(arguments).join('§') + '§';

或者在 ES2015 中（或使用垫片）：

return Array.from(arguments).join('§') + '§';