js权威指南 this.add.apply(this.argments)。

Question

在重看JS权威指南时，看到这么一段代码 位于原书P217 （JS权威指南第六版，淘宝前端翻译）.

function Set(){

    this.values = {};

    this.n = 0;

    this.add.apply(this, arguments);

}

这里有一点疑惑，就是 this.add.apply(this, arguments); 这段代码为什么要写成这样子。
这样难道不是更加简洁么？ this.add(arguments);

this.***.(apply|call)(this,...)

这样的代码难道不是和 this.*（...） 是一样的效果么

Answer 1

对于这个问题，this.add.apply(this, arguments);和this.add(arguments);相同的点是在add函数里面的this指向是一样的，不同的点是传给add函数的参数是不一样的，假设我们使用new Set(1, 2);那么arguments是[1, 2]，使用this.add.apply(this, arguments);调用add函数时其实相当于this.add(1, 2);此时add接收到的参数个数是2；而使用this.add(arguments)调用add函数时，相当于this.add([1, 2]);此时add收到的参数个数是1，参数是数组[1, 2]。Update1:我觉得和不定参数还是有点儿关系的，比如说add函数的作用就是把传给它的每个参数相加，我们想在Set函数里面计算传给它的参数的总和，假设Set函数接收的参数也不固定，使用this.add.apply(this, arguments);是可以的，如果用this.add方法直接调用，因为Set接收的参数数目不固定，所以我们可能就得按照下面这么写：var len = arguments.length;this.add(arguments[0], arguments[1], arguments[2], ..., arguments[len]);但是因为len是一个不确定的数，我们没法确定...的内容，所以没有办法通过this.add()这种直接调用的方式实现不定参数的调用。Update2:var len = arguments.length;this.add(arguments[0], arguments[1], arguments[2], ..., arguments[len]);在ES6之前是没有办法通过this.add()这种方法直接调用的，在ES6中可以通过解耦的方式调用this.add(...arguments)，这个和this.add.apply(this, arguments);的效果是一样的;不固定指的是参数的数量。