美文网首页
JS基础篇-arguments

JS基础篇-arguments

作者: 艾萨克菊花 | 来源:发表于2019-07-20 14:41 被阅读0次

了解arguments这个对象之前,先来认识一下javascript的一些功能:

其实javascript并没有重载函数的功能,但是arguments对象能够模拟重载。javascript中每个函数都会有一个arguments对象实例arguments,它引用着函数的实参,可以用数组下标的方式“[]”引用arguments的元素。

arguments.length为函数实参的个数,arguments.callee引用函数自身。

特性:

1、arguments对象和Function是分不开的;

2、arguments这个对象不能显式创建;

3、arguments对象只有函数开始时才可用。

使用方法:

虽然argumengs对象不是一个数组,但访问单个参数的方式与访问数组元素的方式相同:

例如:arguments[0]

function demo(){

    console.log(arguments[0])

}

demo(1,2)    // 1

我们知道每个对象都有自己的属性,arguments也不例外,首先arguments的访问犹如array对象一样,用0到arguments.length-1来枚举每一个元素。另一个callee属性,返回正被执行的 Function 属性,也就是所指定的 Function 对象的正文。callee属性是arguments对象的一个成员,仅当相关函数正在执行时才可用。callee属性的初始值就是正在被执行的 Function 对象。实现匿名的递归函数,如下:

(function(n){

    if(n <=0){return n} else {

        return n + arguments.callee(n-1)

    }

})

知识拓展:

当使用arguments进行函数传旨时,有一些需要注意的点。例:

var length = 10;

function fn(){console.log(this.length)}

var obj = {

    method: function(fn) {

        fn();

        arguments[0]();

    }

};

obj.method(fn, 1);    // 10, 2

这里有两个需要注意的点,fn函数里的this的指向:

1、第一个值为10,执行的是method里面的第一行 fn(), 这里的this指向window。所以输出的值为最外层定义的length;

2、第二个值为2,执行的method里面的第二行arguments[0]() (arguments[0]=>fn()),这里的this执行的是arguments这个对象,所以输出值为arguments的长度。

关于this指向问题可以看这里:this指向问题

关于伪数组的问题可以看这里:伪数组

相关文章

  • JS基础篇-arguments

    了解arguments这个对象之前,先来认识一下javascript的一些功能: 其实javascript并没有重...

  • 最新web前端相关课程学习链接

    js基础篇 js进阶篇 js高级篇 vue基础篇 vue高级篇 react基础 react高级 Nodejs基础 ...

  • JS基础 - 伪数组arguments

    何为伪数组 伪数组有两个特点: 具有length属性,其他属性(索引)为非负整数 但是却不具备数组的方法也就是看起...

  • Android 程序员搞 web 之 js基础(十)

    Android 程序员搞 js 之 基础(九) 一、arguments 对象伪数组 这个伪对象可以替换 函数传入的...

  • js arguments

    arguments 就是所有的参数arguments 和参数共存!!!!!!arguments 简单应用 argu...

  • js中的arguments及其callee属性

    arguments 在js的函数内,可以通过arguments来访问参数数组,第一个元素为arguments[0]...

  • arguments、length、callee、eval

    arguments参数 说明:在js中的函数中,有两个隐藏的参数分别是this和arguments length ...

  • 过程记录文档

    在拿到题的时候先主要是不知道什么是JS中arguments? 在JavaScript中,arguments是对...

  • JS中arguments

    了解这个对象之前先来认识一下javascript的一些功能: 其实Javascript并没有重载函数的功能,但是A...

  • JS 实参arguments

    使用argument就可以获取到函数调用数传入的参数 函数声明时的参数是形参; 函数调用时的参数是实参。 即使没有...

网友评论

      本文标题:JS基础篇-arguments

      本文链接:https://www.haomeiwen.com/subject/iftulctx.html