【JavaScript】函数:arguments对象

文章目录

  • [1 定义](#1 定义)
  • [2 与数组的关系](#2 与数组的关系)
  • [3 callee属性](#3 callee属性)

1 定义

JavaScript允许函数有不定数目的参数,arguments对象包含了函数运行时的所有参数,arguments[0]就是第一个参数,arguments[1]就是第二个参数,以此类推。这个对象只有在函数体内部,才可以使用。

  • 正常模式
javascript 复制代码
var f = function(a, b) {
  arguments[0] = 3;
  arguments[1] = 2;
  return a + b;
}

f(1, 1) // 5,函数f()调用时传入的参数,在函数内部被修改成3和2
  • 严格模式
javascript 复制代码
var f = function(a, b) {
  'use strict'; // 开启严格模式
  arguments[0] = 3;
  arguments[1] = 2;
  return a + b;
}

f(1, 1) // 2,修改arguments对象,不会影响到真实参数a和b。
  • length属性
javascript 复制代码
function f() {
  return arguments.length; // 返回实际调用时带入的参数个数
}

f(1, 2, 3) // 3
f() // 0

2 与数组的关系

虽然arguments很像数组,但它是一个对象。数组专有的方法(比如slice和forEach),不能在arguments对象上直接使用。

如果要让arguments对象使用数组方法,真正的解决方法是将arguments转为真正的数组。下面是两种常用的转换方法:slice方法和逐一填入新数组。

javascript 复制代码
var args = Array.prototype.slice.call(arguments);

// 或者
var args = [];
for (var i = 0; i < arguments.length; i++) {
  args.push(arguments[i]);
}

3 callee属性

arguments对象带有一个callee属性,返回它所对应的原函数。

可以通过arguments.callee,达到调用函数自身的目的。这个属性在严格模式里面是禁用的,因此不建议使用。

javascript 复制代码
var f = function () {
  console.log(arguments.callee === f);
}

f() // true
相关推荐
excel3 分钟前
深入理解 3D 火焰着色器:从 Shadertoy 到 Three.js 的完整实现解析
前端
毕设源码-郭学长18 分钟前
【开题答辩全过程】以 PHP茶叶同城配送网站的设计与实现为例,包含答辩的问题和答案
开发语言·php
光影少年26 分钟前
vue打包优化方案都有哪些?
前端·javascript·vue.js
硅谷工具人1 小时前
vue3边学边做系列(3)-路由缓存接口封装
前端·缓存·前端框架·vue
JavaPub-rodert1 小时前
用 go-commons 打造更优雅的字符串处理工具
开发语言·后端·golang
Archie_IT2 小时前
嵌入式八股文篇——P1 关键字篇
c语言·开发语言·单片机·mcu·物联网·面试·职场和发展
workflower2 小时前
将图片中的图形转换为可编辑的 PPT 图形
java·开发语言·tomcat·powerpoint·个人开发·结对编程
ftpeak2 小时前
《WebAssembly指南》第九章:WebAssembly 导入全局字符串常量
开发语言·rust·wasm
β添砖java2 小时前
CSS网格布局
前端·css·html