js-arguments的认识

js-arguments的认识

博客分类：

• Web前端-JS语言核心

arguments

作者：zccst



2014-6-10  自己构造一个Array like
类数组的构成要点：
1，元素是数组式索引
2，有length属性

var test3 = {
    0 : 10,
    1 : function(){
        return this[0];
    },
    length:2
}
console.log(Array.prototype.slice.call(test3));//打印[10, function()]

2014-6-9
函数参数arguments是类数组，但不是数组。（arguments是对象）
如果希望转成真正的数组，则可以
var slice = [].slice;
slice.call(arguments);
也可以：Aarray.prototype.slice.call(arguments);

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对象存储的是实际传递给函数的参数，而不局限于函数声明所定义的参数列表，例如：

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的自然数之和：

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

/*
 * 演示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());