您好,欢迎访问一九零五行业门户网

js-arguments的认识

自己构造一个array like 
类数组的构成要点: 
1,元素是数组式索引 
2,有length属性
js代码 
var test3 = { 0 : 10, 1 : function(){ return this[0]; }, length:2 } console.log(array.prototype.slice.call(test3));//打印[10, function()]
函数参数arguments是类数组,但不是数组。(arguments是对象)
如果希望转成真正的数组,则可以
var slice = [].slice;
slice.call(arguments);
也可以:aarray.prototype.slice.call(arguments);
js代码
var o = { name:"javascript" }; var f1 = function(){ return 2; } var foo = function(a,b,c){ console.log(arguments, typeof arguments, $.type(arguments), typeof arguments.push); //[100, function(), object { name="javascript"}] object object undefined //尽管arguments不是数组,但仍可以通过for循环取出每一个元素 for (var i in arguments ){ console.log(arguments[i]); } /*打印 100 function() object { name="javascript"} */ //现在让数组的slice运行在arguments的context中,参数为0,则将arguments转成了数组,(arguments本身没变) var ret = array.prototype.slice.call(arguments); console.log(ret, typeof ret, $.type(ret), typeof ret.push); //[100, function(), object { name="javascript"}] object array function } foo(100,f1,o);
基础介绍
js进行函数调用时,除了指定的参数外,还创建一个隐含的对象——arguments。
一、arguments可以用arguments[index]这样的语法取值,拥有长度属性length。arguments对象存储的是实际传递给函数的参数,而不局限于函数声明所定义的参数列表,例如:
js代码
function func(a,b){ alert(a); alert(b); for(var i=0;i<arguments.length;i++){ alert(arguments[i]); } } func(1,2,3,4);
代码运行时会依次显示:1,2,1,2,3,4。函数定义了两个参数,但是在调用的时候传递了4个参数。
二、arguments的callee属性
它表示对函数对象本身的引用,这有利于实现无名函数的递归或者保证函数的封装性。例如:用递归来计算1到n的自然数之和:
js代码
var sum=function(n){ if(1==n) { return 1; } else { return n + arguments.callee(n-1); } } alert(sum(100));
arguments.callee表示引用当前正在执行的函数,或者说是调用arguments.callee的函数对象的引用,它给匿名函数提供了一种自我引用的方式。
更深入,包括了caller, call, apply
js代码
/* * 演示arguments的用法,如何获取实参数和形数数 */ function argtest(a,b,c,d){ var numargs = arguments.length; // 获取被传递参数的数值。 var expargs = argtest.length; // 获取期望参数的数值。 alert("实参数目为:"+numargs) alert("形数数目为:"+expargs) alert(arguments[0]) alert(argtest[0]) //undefined 没有这种用法 } //argtest(1,2) //argtest(1,2,3,4,5) /* * arguments不是数组(array类) */ array.prototype.selfvalue = 1; function testaguments(){ alert("arguments.selfvalue="+arguments.selfvalue); } //alert("array.sefvalue="+new array().selfvalue); // 1 //testaguments(); //arguments.selfvalue = undefined /* * 演示函数的callee属性. * 说明:arguments.callee:初始值就是正被执行的 function 对象,用于匿名函数 */ function calleedemo() { alert(arguments.callee); } //calleedemo(); //(function(arg0,arg1){alert("形数数目为:"+arguments.callee.length)})(); /* * 演示函数的caller属性. * 说明:(当前函数).caller:返回一个对函数的引用,该函数调用了当前函数 */ function callerdemo() { if (callerdemo.caller) { var a= callerdemo.caller.arguments[0]; alert(a); } else { alert("this is a top function"); } } function handlecaller() { callerdemo(); } //callerdemo(); //handlecaller("参数1","参数2"); /* * 演示apply,call函数的用法 * 说明:作用都是将函数绑定到另外一个对象上去运行,两者仅在定义参数方式有所区别: * apply(thisarg,argarray); * call(thisarg[,arg1,arg2…] ]); * 即所有函数内部的this指针都会被赋值为thisarg */ function objecta(){ alert("执行objecta()"); alert(arguments[0]); alert(this.b);//在objectb中用call/apply调用objecta时,objectb的变量b的值。 this.hit=function(msg){alert(msg)} this.info="我来自objecta" } function objectb(){ alert("执行objectb()"); this.b = '2b'; //调用objecta()方法,同时objecta构造函数中的所有this就会被objectb中的this替代 objecta.apply(this,arguments);//objecta.call(this); alert(this.info); } //objectb('参数0'); var value="global 变量"; function obj(){ this.value="对象!"; } function fun1(){ alert(this.value); } //fun1(); //fun1.apply(window); //fun1.apply(new obj());
其它类似信息

推荐信息