如何高效利用JavaScript中的arguments对象?

2026-04-03 06:431阅读0评论SEO基础
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计688个文字,预计阅读时间需要3分钟。

如何高效利用JavaScript中的arguments对象?

目录:

1.arguments 的使用

2.arguments.callee 的使用

3.arguments 的使用

4.当我们不确定有多少个参数传递时,可以使用 arguments 来获取。

在 JavaScript 中,实际上 arguments 是当前函数的一个属性,它是一个类数组对象,包含了函数调用时传入的所有参数。

目录
  • 一、arguments的使用
  • 二、arguments.callee的使用

一、arguments的使用

当我们不确定有多少个参数传递的时候,可以用 arguments 来获取。在 JavaScript 中,arguments 实际上它是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象,arguments 对象中存储了传递的所有实参。

arguments展示形式是一个伪数组,因此可以进行遍历。伪数组具有以下特点:

  • 具有 length 属性
  • 按索引方式储存数据
  • 不具有数组的 push , pop 等方法

使用场景:

利用函数求任意个数的最大值

function maxValue() { var max = arguments[0]; for (var i = 0; i < arguments.length; i++) { if (max < arguments[i]) { max = arguments[i]; } } return max; } console.log(maxValue(2, 4, 5, 9)); console.log(maxValue(12, 4, 9));

在实际开发,建议不要再使用arguments了,请使用ES6的解构语法,比下:

function maxValue(...data) { let max=data[0] for (let i = 0; i < data.length; i++) { if (max < data[i]) { max = data[i]; } } return max; } console.log(maxValue(2, 4, 5, 9)); console.log(maxValue(12, 4, 9));

二、arguments.callee的使用

callee是arguments对象的属性。在函数体内,它指向当前正在执行的函数。

ECMAScript 5 禁止在严格模式中使用 arguments.callee()。当一个函数必须调用自身的时候,假如它是函数表达式则给它命名,或者使用函数声明,避免使用 arguments.callee()

使用场景:

如何高效利用JavaScript中的arguments对象?

使用arguments.callee最常见的情景是当我们要创造一个递归函数的时候:

function factorial(num){ if(num<=1){ return 1; }else { return num * arguments.callee(num-1); } } console.log(factorial(4)); //24

但是如果代码是在严格模式下开发,使用"use strict";则会出现报错信息:

Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

在严格模式下不能通过脚本访问arguments.callee,访问这个属性会报错,那么可以使用命名函数表达式来达到相同的结果:

"use strict"; var factorial = (function f(num){ if(num<=1){ return 1; }else { return num * f(num-1); } }) console.log(factorial(4)); //24

到此这篇关于JavaScript中arguments的使用方法的文章就介绍到这了,更多相关 arguments的使用内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联!

标签:使用方法

本文共计688个文字,预计阅读时间需要3分钟。

如何高效利用JavaScript中的arguments对象?

目录:

1.arguments 的使用

2.arguments.callee 的使用

3.arguments 的使用

4.当我们不确定有多少个参数传递时,可以使用 arguments 来获取。

在 JavaScript 中,实际上 arguments 是当前函数的一个属性,它是一个类数组对象,包含了函数调用时传入的所有参数。

目录
  • 一、arguments的使用
  • 二、arguments.callee的使用

一、arguments的使用

当我们不确定有多少个参数传递的时候,可以用 arguments 来获取。在 JavaScript 中,arguments 实际上它是当前函数的一个内置对象。所有函数都内置了一个 arguments 对象,arguments 对象中存储了传递的所有实参。

arguments展示形式是一个伪数组,因此可以进行遍历。伪数组具有以下特点:

  • 具有 length 属性
  • 按索引方式储存数据
  • 不具有数组的 push , pop 等方法

使用场景:

利用函数求任意个数的最大值

function maxValue() { var max = arguments[0]; for (var i = 0; i < arguments.length; i++) { if (max < arguments[i]) { max = arguments[i]; } } return max; } console.log(maxValue(2, 4, 5, 9)); console.log(maxValue(12, 4, 9));

在实际开发,建议不要再使用arguments了,请使用ES6的解构语法,比下:

function maxValue(...data) { let max=data[0] for (let i = 0; i < data.length; i++) { if (max < data[i]) { max = data[i]; } } return max; } console.log(maxValue(2, 4, 5, 9)); console.log(maxValue(12, 4, 9));

二、arguments.callee的使用

callee是arguments对象的属性。在函数体内,它指向当前正在执行的函数。

ECMAScript 5 禁止在严格模式中使用 arguments.callee()。当一个函数必须调用自身的时候,假如它是函数表达式则给它命名,或者使用函数声明,避免使用 arguments.callee()

使用场景:

如何高效利用JavaScript中的arguments对象?

使用arguments.callee最常见的情景是当我们要创造一个递归函数的时候:

function factorial(num){ if(num<=1){ return 1; }else { return num * arguments.callee(num-1); } } console.log(factorial(4)); //24

但是如果代码是在严格模式下开发,使用"use strict";则会出现报错信息:

Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects for calls to them

在严格模式下不能通过脚本访问arguments.callee,访问这个属性会报错,那么可以使用命名函数表达式来达到相同的结果:

"use strict"; var factorial = (function f(num){ if(num<=1){ return 1; }else { return num * f(num-1); } }) console.log(factorial(4)); //24

到此这篇关于JavaScript中arguments的使用方法的文章就介绍到这了,更多相关 arguments的使用内容请搜索自由互联以前的文章或继续浏览下面的相关文章希望大家以后多多支持自由互联!

标签:使用方法