原生JavaScript之函数特殊对象arguments

简介: 原生JavaScript之函数特殊对象arguments

arguments作用与使用


作用

访问函数参数:你可以使用arguments对象来访问在函数调用时传递的参数,即使你没有在函数定义中明确声明这些参数。通过索引访问arguments对象中的元素,例如 arguments[0] 可以获取第一个参数,arguments[1] 可以获取第二个参数,依此类推。


处理可变数量的参数:有时候你可能需要编写接受不定数量参数的函数。通过使用arguments对象,你可以处理任意数量的参数,而无需提前定义形式参数的个数和名称


简化重载函数:在某些编程语言中,你可以通过定义多个具有相同名称但不同参数列表的函数来实现函数重载。然而,在JavaScript中,并没有直接支持函数重载的机制。但是,你可以使用arguments对象来检查传递给函数的参数,并根据参数的类型和个数采取不同的操作,从而模拟函数重载的行为。



使用



参数长度

获取函数有几个参数:argument.length



某个参数值

获取函数中某个参数值:argument[index]


获取所有参数值

获取所有参数值:argument

返回的是Object类型,里面装着所有参数。


返回数组格式所有参数值

可以使用…扩展操作符号来进行调用,如:function a(…args)


举例:

function a(...args){
  console.log(args);//[1,2,3]
}
function b(a,b,c){
  console.log(arguments[0],arguments[1],arguments[2]);//4 5 6
  console.log(arguments.length);//3
  console.log(arguments);
  //Arguments(3) [4, 5, 6, callee: ƒ, Symbol(Symbol.iterator): ƒ]
}
b(4,5,6)
a(1,2,3)
相关文章
|
1天前
|
前端开发 JavaScript
前端 JS 经典:函数管道
前端 JS 经典:函数管道
4 0
|
4天前
|
JSON 前端开发 JavaScript
前端 JS 经典:JSON 对象
前端 JS 经典:JSON 对象
8 0
|
4天前
|
前端开发 JavaScript
前端 js 经典:Object 常用原生方法
前端 js 经典:Object 常用原生方法
10 2
|
4天前
|
前端开发 JavaScript
前端 js 经典:原型对象和原型链
前端 js 经典:原型对象和原型链
14 1
|
4天前
|
前端开发 JavaScript
前端 js 经典:array 原生方法
前端 js 经典:array 原生方法
10 1
|
4天前
|
JavaScript 索引
jQuery 实现 图片框切换【与原生 JS 对比】
jQuery 实现 图片框切换【与原生 JS 对比】
|
4天前
|
JavaScript 前端开发 流计算
使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理
使用JavaScript 中的Math对象和勾股定理公式,计算鼠标的位置与页面图片中心点的距离,根据距离对页面上的图片进行放大或缩小处理
|
4天前
|
JSON JavaScript 前端开发
js将json字符串还原为json对象
【5月更文挑战第14天】js将json字符串还原为json对象
29 1
|
5天前
|
JavaScript 前端开发 网络架构
函数柯里化:JavaScript中的高级技巧
函数柯里化:JavaScript中的高级技巧
|
设计模式 前端开发 JavaScript
100行代码让您学会JavaScript原生的Proxy设计模式
100行代码让您学会JavaScript原生的Proxy设计模式
113 0
100行代码让您学会JavaScript原生的Proxy设计模式