【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
相关推荐
WEI_Gaot几秒前
ES6 模板字符串
前端·javascript
前端大白话几秒前
前端工程师必看!手把手教你用CSS实现超丝滑的自适应视频嵌入
前端·css·前端框架
前端大白话几秒前
前端必看!figure标签在响应式图片排版中的王炸操作,grid/flex布局实战指南
前端·设计模式·html
长欢几秒前
保持元素宽高比
javascript
农民也会写代码1 分钟前
dedecms织梦arclist标签noflag属性过滤多个参数
开发语言·数据库·sql·php·dedecms
前端大白话2 分钟前
深入理解 JavaScript 中 async 函数与 await 关键字的执行奥秘
前端·javascript·架构
袋鱼不重4 分钟前
Vue3中 watch 和 watchEffect 的区别
前端
Jet_closer_burning4 分钟前
axios封装
前端·javascript·vue.js·react.js·ajax
764334 分钟前
Nuxt3-Vue3
前端·javascript·vue.js
s1mpIe5 分钟前
小程序监听globalData值改变
前端