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

问题描述

问 题

在重看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.*（...） 是一样的效果么

解决方案

对于这个问题，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);的效果是一样的;
不固定指的是参数的数量。

这篇关于javascript - js权威指南 this.add.apply(this.argments)。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！