100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > JS Arguments对象详解

JS Arguments对象详解

时间:2023-05-13 13:56:27

相关推荐

JS Arguments对象详解

arguments是一个对应传递给函数参数的类数组对象

使用场景:针对同一个方法被多处调用,但是参数数量不确定的情况下,可以更具arguments索引进行判断。

例如:

function func1(a, b, c) { console.log(arguments[0]); // 1 console.log(arguments[1]); // 2 console.log(arguments[2]); // 3 } func1(1, 2, 3);

1、arguments对象是所有非箭头函数都有的一个局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数,第一个参数在索引0处。例如,如果一个函数传递了三个参数,你可以以如下方式引用他们:

arguments[0]arguments[1]arguments[2]

传入的参数也可以被修改:arguments[0]='xiugai';

2、arguments对象并不是一个数组,他除了length和索引元素之外,任何数组的属性都没有。当然,它可以被转换为数组:

var args = Array.prototype.slice.call(arguments); var args = [].slice.call(arguments); // ES const args = Array.from(arguments); const args = [...arguments];

function foo(a,b,c){ arguments[0]='111'; console.log(arguments[0]); console.log(a); var args = Array.prototype.slice.call(arguments); console.log(args); console.log(arguments) } foo(1,2,3)

3、arguments存在属性callee:

arguments.callee();相当于调用自身函数,可以用作匿名函数的递归:

var sum = function (n) { if (1 == n) { return 1; } else { return n + arguments.callee(n - 1); //6 5 4 3 2 1 } } alert(sum(6)); 输出结果:21

4、使用arguments传递函数的时候需要注意,此时函数内部的this指向arguments:

var length = 10; function fn() { console.log(this.length); } var obj = { method: function(fn) { fn(); arguments[0](); } };obj.method(fn, 1); 输出:10,2

第一个值为10,执行的是method里面的第一行"fn()",这里this指向的window。所以输出的值为最外层定义的length第二个值为2,执行的是method里面的第二行"arguments0"(arguments0=> fn() ),这里this执行的是arguments这个对象,所以输出值为arguments的长度

传多个参数事可以直接用argument,比如求最大值:

function max() {var max = arguments[0];console.log(arguments)for (val of arguments) {if (val >= max) {max = val;}}return max;}var maxValue = max('9', 1, 2, 4)console.log(maxValue)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。