为什么.join()不使用函数参数？

Question

为什么这样做(返回"一,二,三"):

var words = ['one', 'two', 'three'];
$("#main").append('<p>' + words.join(", ") + '</p>');

这项工作(返回"列表:111"):

var displayIt = function() {
    return 'the list: ' + arguments[0];
}   
$("#main").append('<p>' + displayIt('111', '222', '333') + '</p>');

但不是这个(返回空白):

var displayIt = function() {
    return 'the list: ' + arguments.join(",");
}   
$("#main").append('<p>' + displayIt('111', '222', '333') + '</p>');

我必须对我的"arguments"变量做什么才能使用.join()？

Answer 1

它不起作用,因为该arguments对象不是一个数组,虽然看起来像它.它没有join方法:

>>> var d = function() { return '[' + arguments.join(",") + ']'; }
>>> d("a", "b", "c")
TypeError: arguments.join is not a function

要转换arguments为数组,您可以执行以下操作:

var args = Array.prototype.slice.call(arguments);

现在join将工作:

>>> var d = function() {
  var args = Array.prototype.slice.call(arguments);
  return '[' + args.join(",") + ']';
}
>>> d("a", "b", "c");
"[a,b,c]"

或者,您可以使用jQuery makeArray,它将尝试将"几乎数组" arguments转换为数组:

var args = $.makeArray(arguments);

以下是Mozilla引用(我最喜欢的这类资源)必须说明的内容:

该arguments对象不是数组.它类似于数组,但除了之外没有任何数组属性 length.例如,它没有pop方法....

该arguments对象仅在函数体中可用.尝试访问函数声明之外的arguments对象会导致错误.

Answer 2

如果您对其他Array.prototype方法不感兴趣,并且只想使用它join,则可以直接调用它,而无需将其转换为数组:

var displayIt = function() {
    return 'the list: ' + Array.prototype.join.call(arguments, ',');
};

另外,您可能会发现逗号是默认分隔符很有用,如果您没有定义分隔符,则通过规范将使用逗号.