参考文档: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到数组中
测试是否为数组方法:
![](https://img.haomeiwen.com/i2304896/fbc1f42da9c2e62f.png)
![](https://img.haomeiwen.com/i2304896/33cdd09fc9ef32f5.png)
附:有时我们调用map等函数时,在参数函数中没有传参也能获取arguments[0]的值,是因为该函数在map函数声明时就初始化了参数函数中的各个参数的值。
caller
返回一个对函数的引用,该函数调用了当前函数。
如果在字符串上下文中使用 caller属性,那么结果和 functionName.toString 一样,也就是说,显示的是函数的反编译文本
![](https://img.haomeiwen.com/i2304896/a7fd6350b375d09c.png)
callee
返回正被执行的Function对象,用于自身递归
![](https://img.haomeiwen.com/i2304896/b1e6418944766eb3.png)
可以判断实参和形参是否长度相等
![](https://img.haomeiwen.com/i2304896/ab2ba5b67c42f060.png)
apply、call
改变调用某方法的this指针,通俗上说就是调用某个对象上的一个方法
语法上区别: 参数上的区别
![](https://img.haomeiwen.com/i2304896/80aa56f185cab054.png)
常用实例:
1、对某方法的调用
![](https://img.haomeiwen.com/i2304896/fc9a35522c5582d6.png)
2、实现继承
![](https://img.haomeiwen.com/i2304896/d0167d2221ed4de5.png)
3、调用父类的方法
![](https://img.haomeiwen.com/i2304896/87951670f42841e7.png)
4、类数组的转化
![](https://img.haomeiwen.com/i2304896/e8613c9c16a9f7d3.png)
扩展1:可以改变this指针的bind()
![](https://img.haomeiwen.com/i2304896/d6bd5c959fd45380.png)
扩展2:当apply和call第一个参数为null
对于apply和call:
第一个参数为null、undefined,在非严格模式下,会使this指向全局对象
![](https://img.haomeiwen.com/i2304896/c563674acedaf5ca.png)
扩展3:关于类数组对象
javascript中存在一些类似于数组的数组对象
他们拥有:
1、length属性
2、可以通过索引访问
类数组对象和数组的区别:
1、类数组对象没有数组的大部分方法
2、有些数组对象是动态变化的
注:Array.prototype.slice(),只要对象有length属性并可以通过索引访问,就可以使用该方法。
例如: {length:5}和NodeList都是类数组对象!
数组与类数组对象的转化,和前面讲得一样:
Array.prototype.slice.apply( arraylist );
网友评论