【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
相关推荐
月明长歌6 分钟前
Vue + Axios + Mock.js 全链路实操:从封装到数据模拟的深度解析
前端·javascript·vue.js·elementui·es6
CodeCraft Studio16 分钟前
Excel处理控件Spire.XLS系列教程:C# 合并、或取消合并 Excel 单元格
前端·c#·excel
头顶秃成一缕光27 分钟前
若依——基于AI+若依框架的实战项目(实战篇(下))
java·前端·vue.js·elementui·aigc
冴羽yayujs31 分钟前
SvelteKit 最新中文文档教程(17)—— 仅服务端模块和快照
前端·javascript·vue.js·前端框架·react
胡斌附体33 分钟前
qt socket编程正确重启tcpServer的姿势
开发语言·c++·qt·socket编程
木木黄木木43 分钟前
HTML5图片裁剪工具实现详解
前端·html·html5
念九_ysl1 小时前
基数排序算法解析与TypeScript实现
前端·算法·typescript·排序算法
海石1 小时前
vue2升级vue3踩坑——【依赖注入】可能成功了,但【依赖注入】成功了不太可能
前端·vue.js·响应式设计
白露与泡影1 小时前
Java面试题及答案整理( 2025年 4 月最新版,持续更新)
java·开发语言
uhakadotcom1 小时前
Vite 与传统 Bundler(如 Webpack)在 Node.js 应用的性能对比
前端·javascript·面试