讲解JavaScript 之arguments的详解,arguments.callee,arguments.caller的使用方法和实例

时间: 2017-11-07阅读: 1997标签: js知识

arguments是什么?

arguments 是一个对应于传递给函数的参数的类数组对象。在(非箭头)函数调用时,创建的一个 它类似于Array,但除了长度之外没有任何Array属性 的对象 ,它存储的是实际传递给函数的参数(局限于函数声明的参数列表)。此对象包含传递给函数的每个参数的条目,第一个条目的索引从0开始。例如:

function fn(){ //利用instanceof判断arguments
    console.log( 'arguments instanceof Array? ' + (arguments instanceof Array) );//false
    console.log( 'arguments instanceof Object? ' + (arguments instanceof Object) );//true
    console.log(arguments);
    console.log(arguments[0]);//string
    console.log(arguments[1]);//1
}
fn('string',1);

控制台显示如下:


从输出我们可以看出arguments 是一个‘object’,带有2个常用的属性callee和caller(文章最后面介绍)。对应的参数可以通过条目的索引来获取(从0开始),虽然它不拥有数组的属性,但是我们可以把它转换为一个正在的数组,通过Js中的apply和call,或者es6中的参数扩展的方法,代码如下:

//call
var args = Array.prototype.slice.call(arguments);
var args = [].slice.call(arguments);
//由于slice会阻止某些Js引擎中的优化 (v8)产生一些性能问题,可以采用如下方法
var args = (arguments.length === 1 ? [arguments[0]] : Array.apply(null, arguments));
var args = Array.from(arguments);
var args = [...arguments];

通过上面的方法,我们就可以让arguments成为一个真正的Array,我们就能获取参数的长度length,使用array中一些方法,如Join,concat,indexOf等等。

需要注意一点的是只有函数被调用时,arguments对象才会创建,未调用时其值为null,例如

console.log(new Function().arguments);//return null


arguments的例子
下面将介绍arguments在实际项目中,常用于传递任意数量的参数到该函数,来对参数进行操作。

1.累加:
function add(...args) {
  let sum=0;
  for(let i of args){
   sum+=parseFloat(i);
  }
  return sum
}
add(1,2,3);//输出6


2.字符串链接:

function concat(o) {
  let args = Array.prototype.slice.call(arguments, 1);
  return args.join(o);
}
concat('.','a','b','c');//输出a.b.c


arguments.callee的使用

callee是arguments对象的一个成员,arguments.callee的值包含当前正在执行的函数,由于arguments在函数被调用时才有效,因此arguments.callee在函数未调用时是不存在的(即null.callee)。

值得注意的是:在严格模式下,ES5禁止使用 arguments.callee,当一个函数必须调用自身的时候, 避免使用 arguments.callee, 通过要么给函数表达式一个名字,要么使用一个函数声明。


arguments.callee的例子
在递归函数必须能够引用它本身。很典型的,函数通过自己的名字调用自己。然而,匿名函数没有名称。因此如果没有可访问的变量指向该函数,唯一能引用它的方式就是通过arguments.callen,例如
function create() {
   return function(n) {
      if (n <= 1)
         return 1;
      return n * arguments.callee(n - 1);
   };
}

var result = create()(5); // returns 120 (5 * 4 * 3 * 2 * 1)

定义了一个函数,按流程,定义并返回了一个阶乘函数。该例并不是很实用,并且几乎都能够用 命名函数表达式 实现同样结果的例子 。例如我们经常是这样实现的:

function create(n) {
    if(n <= 1)
      return 1;
    return n*create(n - 1);
}
var result = create(5);//120


arguments.caller的使用

arguments.caller属性原先用在函数执行的时候调用自身。在一个函数调用另一个函数时,被调用函数会自动生成一个caller属性,指向调用它的函数对象。如果该函数当前未被调用,或并非被其他函数调用,则caller为null。 

但是arguments.caller在严格模式下是无法访问的,它已经被废弃了,至于移除原因是因为它潜在的不安全性。 所以这里就不介绍他的例子了。。。



站长推荐

1.阿里云: 本站目前使用的是阿里云主机,安全/可靠/稳定。点击领取2000元代金券、了解最新阿里云产品的各种优惠活动点击进入

2.腾讯云: 提供云服务器、云数据库、云存储、视频与CDN、域名等服务。腾讯云各类产品的最新活动,优惠券领取点击进入

3.广告联盟: 整理了目前主流的广告联盟平台,如果你有流量,可以作为参考选择适合你的平台点击进入

链接: http://www.fly63.com/article/detial/59

javascript中什么是句柄?

一个句柄是指使用的一个唯一的整数值,即一个4字节(64位程序中为8字节)长的数值,来标识应用程序中的不同对象和同类中的不同的实例。

javascript不可变性是什么?

不可变性即某个变量在进行了某个操作之后,其本身没有发生变化,比如对于字符串而言,对字符串的任何操作都会改变字符串本身的值,而是在字符串的基础上复制出来一个然后再改变,这样我们就说是不可变的

为什么javascript不起作用?

JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。

javascript怎么判断按钮被点击?

JavaScript可以通过Event对象的target事件或srcElement(IE浏览器支持)来判断按钮是否被点击。Event对象代表事件的状态,比如事件在其中发生的元素、键盘按键的状态、鼠标的位置、鼠标按钮的状态。

javascript由几部分组成?

JavaScript有三部分组成。分别为核心(ECMAScript) 、文档对象模型(DOM)、浏览器对象模型(BOM)。这三部分分别描述了该语言的语法和基本对象、处理网页内容的方法和接口、与浏览器进行交互的方法和接口。

Js输出方式有哪些?

在编写JavaScript代码的时候, 一定要记住每一句代码后面都需要添加一个分号, 并且这个分号必须是英文的分号,我们会发现有时候不写分号程序也能够运行, 这里并不是因为不需要分号, 而是浏览器自动帮助我们添加了分号

7个常见的 JavaScript 测验及解答

我相信学习新事物并评估我们所知的东西对自己的进步非常有用,可以避免了我们觉得自己的知识过时的情况。在本文中,我将介绍一些常见的 JavaScript 知识。请享用!

Js中constructor指向问题

首先用一个例子指出来constructor存在形式。由上面的代码我们总结出结论1:上面的代码在控制台可以看出constructor是指向构造器Fruit的引用。这个地方就有点奇怪了。这个constructor到底指向的是那个实例的构造器?

javascript难点是什么?

javascript难点是什么?下面本篇文章就来给大家介绍一下10个JavaScript难点,感兴趣的小伙伴们可以参考一下,希望对大家有所帮助。立即执行函数,即Immediately Invoked Function Expression (IIFE),正如它的名字

Js如何获取ul中li的个数?

javascript如何获取ul中li的个数?下面本篇文章就来给大家介绍一下使用javascript获取ul中li个数的方法,希望对大家有所帮助。

内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权或违规,请与小编联系!情况属实本人将予以删除!

文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全运营推广