js的隐含参数(arguments、callee、caller)

参考文档:http://www.jb51.net/article/46323.htm

arguments


arguments 该对象代表正在执行的函数和调用它的函数的参数。它是一个类数组的对象,因为它具有数组一样的访问性质及方式,可以通过下标来访问参数的每个值。和js中getElementsByTagName获取的也是类数组对象(NodeList对象)

转换成数组类型方法:

1、Array.prototype.slice.apply( arraylist ); (即:[].apply.call( arguments ))

2、创建一个空数组,然后遍历arguments(或NodeList对象),将每个元素push到数组中

测试是否为数组方法:

js的隐含参数(arguments、callee、caller)_第1张图片
检测是否为数组一
检测是否为数组二

附:有时我们调用map等函数时,在参数函数中没有传参也能获取arguments[0]的值,是因为该函数在map函数声明时就初始化了参数函数中的各个参数的值。

caller


返回一个对函数的引用,该函数调用了当前函数。

如果在字符串上下文中使用 caller属性,那么结果和 functionName.toString 一样,也就是说,显示的是函数的反编译文本


js的隐含参数(arguments、callee、caller)_第2张图片
caller属性的引用

callee


返回正被执行的Function对象,用于自身递归

callee属性的引用

可以判断实参和形参是否长度相等

形参和实参的个数获取

apply、call


改变调用某方法的this指针,通俗上说就是调用某个对象上的一个方法

语法上区别: 参数上的区别

apply和call方法

常用实例:

1、对某方法的调用

对某方法的调用

2、实现继承

js的隐含参数(arguments、callee、caller)_第3张图片
实现继承

3、调用父类的方法

调用父类的方法

4、类数组的转化

类数组的转化


扩展1:可以改变this指针的bind()

bind()的使用

扩展2:当apply和call第一个参数为null

对于apply和call:

第一个参数为null、undefined,在非严格模式下,会使this指向全局对象

js的隐含参数(arguments、callee、caller)_第4张图片
apply、call的使用

扩展3:关于类数组对象

javascript中存在一些类似于数组的数组对象

他们拥有:

1、length属性

2、可以通过索引访问

类数组对象和数组的区别:

1、类数组对象没有数组的大部分方法

2、有些数组对象是动态变化的

注:Array.prototype.slice(),只要对象有length属性并可以通过索引访问,就可以使用该方法。

      例如: {length:5}和NodeList都是类数组对象!

数组与类数组对象的转化,和前面讲得一样:

Array.prototype.slice.apply( arraylist );

你可能感兴趣的:(js的隐含参数(arguments、callee、caller))