zoukankan      html  css  js  c++  java
  • arguments

    一、什么是arguments?

      arguments是javascript里的一个内置对象,它很古怪,也经常被人所忽视,但实际上是很重要的。所有主要的js函数库都利用了arguments对象。所以arguments对象对于javascript程序员来说是必须熟悉的。

      所有函数都有属于自己的一个arguments对象,它包括了函数所要调用的参数。它不是一个数组,如果用typeof arguments,返回的值是‘object’。虽然我们可以用调用数据的方法来调用arguments。比如length,还有index方法。但是数组的push和pop对象是不适用的。

    二、创建一个灵活的函数

      看起来貌似arguments对象使用起来十分有限,但是实际上它是一个非常有用的对象。你可以通过使用arguments对象让函数能够调用数量不定的参数。

    function format(string){
        var args = arguments;
        var pattern = new RegExp("%([1-"+arguments.length+"])","g");
    
        //String(s)作用:把s转换成原始的字符串,并返回转换后的值
        return String(string).replace(pattern,function(match,index){
    	return args[index];//实参
        });
    };
    

      我们提供了一个模板字符串,你可以用“1%”到“9%”给返回值添加一个占位符。然后提供给九个其他参数插入。

    format("And the %1 want to know whose %2 you %3","papers","shirt","wear");
    

      上面的代码将返回:And the papers want to know whose shirt you wear

      有件事我们需要注意下,在定义函数的时候,我们只规定了一个参数,string。javascript允许我们传递任何数量的参数到一个函数里,不管怎么定义这个函数。Arguments对象对这些都是允许的。

    三、把arguments对象转换成一个真正的数组

      虽然arguments对象不是一个真正的javascript数组,但是我们还是可以轻易的把它转换成标准的数据,然后进行数组操作。

    var args = Array.prototype.slice.call(arguments);
    

      那么现在这个变量args就是一个含有函数所有参数的标准javascript数组对象。

    四、通过预置的argumentsd对象创建函数

      Arguments对象允许我们去执行所有类型的javascript方法。这边附上一个makeFunc函数的定义。这个函数允许我们去提供一个函数引用和这个函数的所有参数。他将返回一个匿名函数去调用你规定的函数,也提供了匿名函数调用时所附带的参数。

    function makeFunc(){
        var args = Array.prototype.slice.call(arguments);
        var func = args.shift();
        return function(){
            return func.apply(null,args.concat(Array.prototype.slice.call(arguments)));//把arguments对象转成一个数组args
    } }

      第一个arguments对象给makeFunc提供了你想调用的函数的引用。它是从arguments数组里移除的。然后makeFunc返回一个匿名函数去运行规定的方法。

      第一个应用的arguments指向了函数调用的范围,主要是函数内部关键部分所指向的。我们先保持这个为null。第二个arguments是一个数组,会为这个函数转变为arguments对象。makeFunc把原始的数组值串联到arguments对象里提供给匿名函数和所调用的函数的数组。

      你需要输出一个模板总是相同的位置,这样就可以不用总是在每次引用模板的时候调用format函数。你可以使用makeFunc的通用功能去返回可以调用format然后自动补充模板的函数。

    var majorTom = makeFunc(format,"This is Major Tom to ground control.I'am %1");
    

      你可以像这样调用majorTom函数:

    majorTom("stepping through the door");
    majorTom("floating in a most peculiar way");
    

      每一次你调用majorTom,它会同时调用format函数和第一个arguments,已经写好的模板。那么将返回

    “This is Major Tom to ground control. I’m stepping through the door.”   
    
    “This is Major Tom to ground control. I’m floating in a most peculiar way.”
    

     五、创建引用自身的函数

      你可能觉得这样很酷,不过,arguments还有更多的惊喜。它还有其它有用的特性:callee方法。

      Arguments.callee包括了一个函数的引用创建一个argument对象。那么该如何使用呢?

      Arguments.callee方法能让一个匿名函数很方便的指向本身。

      repeat是一个承载了一个函数引用和两个数字的函数。第一个数字是函数调用几次,第二个数字是每个调用的间隔时间,单位是毫秒。

    function repeat(fn,times,delay){
        return function(){
            if (times -> 0) {
                fn.apply(null,arguments);
                var args = Array.prototype.slice.call(arguments);
                var self = arguments.callee;
                setTimeout(function(){
                    self.apply(null,args)
                },delay);
            }
        };
    }
    

      repeat函数使用了arguments.callee方法从变量self去获取一个引用,指向运行原始指令的函数。这样,匿名函数就可以再次调用本身。

      我有一段超级简单的函数,承载了一个字符串和执行alert方法。

    function comms(s){
        alert(s);
    }
    

      然而,我想创建一个特殊的版本,通过这个版本我可以重复这个动作三次,每次间隔2秒。那么,我们可以

    var somethingWrong = repeat(comms, 3, 2000);   
    
    somethingWrong(“Can you hear me, major tom?”); 
    

      调用了somethingWrong函数的结果就是重复这个动作三次,每次alert间隔2秒钟。

    转自:http://www.cnblogs.com/Fskjb/archive/2011/10/27/2227111.html 

  • 相关阅读:
    54.施工方案第二季(最小生成树)
    53.FIB词链
    53.FIB词链
    53.FIB词链
    52.1076 排序
    52.1076 排序
    52.1076 排序
    52.1076 排序
    upc-9541 矩阵乘法 (矩阵分块)
    记录deepin设置自动代理
  • 原文地址:https://www.cnblogs.com/carriezhao/p/7308449.html
Copyright © 2011-2022 走看看