zoukankan      html  css  js  c++  java
  • 类数组对象:arguments

    在js中调用一个函数的时候,我们经常会给这个函数传递一些参数,js把传入到这个函数的全部参数存储在一个叫做arguments的东西里面,那它到底是什么呢?

    一、描述

    arguments 是一个对应于传递给函数的参数的类数组对象,是所有(非箭头)函数中都可用的局部变量。。

    在js中万物皆对象,甚至数组字符串函数都是对象。所以这个叫做arguments的东西也是个对象,而且是一个特殊的对象。它的属性名是按照传入参数的序列来的,第1个参数的属性名是’0’,第2个参数的属性名是’1’,以此类推,并且它还有length属性,存储的是当前传入函数参数的个数,很多时候我们把这种对象叫做类数组对象,或者伪数组。它可以用数组的call方法,却不能用 pop方法。 

    如果一个函数传递了三个参数,你可以以如下方式引用他们:

    arguments[0]
    arguments[1]
    arguments[2]

    二、arguments的属性

    1、length

    我们能用arguments来判断当前传入参数的个数是否与我们需要的数量一致。

    下面举个例子:

    function add() {
        if( arguments.length == 2 ){
            return arguments[0] + arguments[1];
        }else{
            return '传入参数不合法';
        }
    }
    
    console.log( add(2,3) );
    console.log( add(1,2,3) );

    看看结果:

    结果

    2、callee

    它可以用于引用该函数的函数体内当前正在执行的函数。这在函数的名称是未知时很有用。

    function showcallee() {
        var a = '这里是代码';
        var b = '这是另一段代码';
        var c = a + b;
    
        console.log(arguments.callee);
    
        return c;
    }
    showcallee();

    结果


    三、arguments的一些妙用

    1.利用arguments实现方法的重载

    下面我们利用arguments对象来实现一个参数相加的函数,不论传入多少参数都行,将传入的参数相加后返回。

    function add() {
        var len = arguments.length,
            sum = 0;
        for(;len--;){
            sum += arguments[len];
        }
        return sum;
    }
    
    console.log( add(1,2,3) );   //6
    console.log( add(1,3) );     //4
    console.log( add(1,2,3,5,6,2,7) );   //26 

    由于js是一种弱类型的语言,没有重载机制,当我们重写函数时,会将原来的函数直接覆盖,这里我们能利用arguments,来判断传入的实参类型与数量进行不同的操作,然后返回不同的数值。

    2.利用arguments.callee实现递归

    先来看看之前我们是怎么实现递归的,这是一个结算阶乘的函数

    function factorial(num) { 
        if(num<=1) { 
            return 1; 
        }else { 
            return num * factorial(num-1); 
        } 
    } 

    但是当这个函数变成了一个匿名函数时,我们就可以利用callee来递归这个函数。

    function factorial(num) { 
        if(num<=1) { 
            return 1; 
        }else { 
            return num * arguments.callee(num-1); 
        } 
    } 

    这个方法虽然好用,但是有一点值得注意,ECMAScript4中为了限制js的灵活度,让js变得严格,新增了严格模式,在严格模式中我们被禁止不使用var来直接声明一个全局变量,
    arguments.callee这个属性也被禁止了。
    function factorial(num){
        "use strict";
        if(num <= 1){
            return 1;
        }else{
            return num * arguments.callee(num - 1);
        }
    }
    Uncaught TypeError: 'caller', 'callee', and 'arguments' properties may not be accessed on strict mode functions or the arguments objects 
    for calls to them
    不过ES6又新增了新的变量声明方式和语法糖。
     
  • 相关阅读:
    关于第一次作业表达式求导总结
    北航OO第一单元总结
    OO课程总结
    OO第三次博客
    OO第二次博客
    OO第一次博客
    OO第一单元总结——多项式求导
    [面向对象]电梯作业优化相关
    面向对象的程序设计-模块一课程总结
    OO第二单元总结——电梯
  • 原文地址:https://www.cnblogs.com/phoebeyue/p/9207220.html
Copyright © 2011-2022 走看看