博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
javascript arguments解释,实现可变长参数。
阅读量:7192 次
发布时间:2019-06-29

本文共 1880 字,大约阅读时间需要 6 分钟。

在C#中,有可变长参数params[],但是在js中,如何实现这种可变参数呢?

一、可变长参数

arguments是非常好的解决方法,一直不知道javascript有这个东西。

先来看看应用场景,使用arguments传入任意个数的参数到js函数里的写法。

function Test() {        console.log(arguments[0]);        console.log(arguments[1]);        console.log(arguments[2]);  };  Test(1, 2, 3);

输出 1 2 3;

当然,你也可以在javascript函数里放一个数组,但是它是固定长度的。

二、不要直接修改arguments对象

arguments对象类似于数组,但实际上它也并不是数组,使用call方法,可能将数组的shift函数用到它身上,但是尽量不要尝试去改动arguments。很容易造成混乱。

如果确实要修改,可以将arguments的内容复制到一个新数组上,然后在新数组上进行修改。

var args = [].slice.call(arguments);

三、用变量绑定arguments,实现跨函数访问

arguments变量是被隐式绑定到每个函数体内的,注意是每一个函数内部。

一个迭代器的例子能够说明这个问题;

function values() {        //values有自己的arguments        var i = 0, n = arguments.length;        return {            hasNext: function () {                return i < n;       //hasNext 有自己的arguments            },            next: function () {                if(i >= n)                {                    throw new Error("已经是最后一个元素!");                }                return arguments[i++];      //next 有自己的arguments            }        }    }    var it = values(1, 2, 3, 4, 5, 6, 7);    console.log(it.next());     //undefined    console.log(it.next());     //undefined    console.log(it.next());     //undefined

如果要访问外层函数的arguments,那么只能通过局部变量绑定的方式,在内层就能够访问,上面的例子可以改造成

function values() {        //values有自己的arguments        var i = 0, n = arguments.length, ourterArgs = arguments;        return {            hasNext: function () {                return i < n;       //hasNext 有自己的arguments            },            next: function () {                if(i >= n)                {                    throw new Error("已经是最后一个元素!");                }                return ourterArgs[i++];      //ourterArgs 外层保存的 arguments            }        }    }    var it = values(1, 2, 3, 4, 5, 6, 7);    console.log(it.next());     //1    console.log(it.next());     //2    console.log(it.next());     //3

 

转载地址:http://ixtkm.baihongyu.com/

你可能感兴趣的文章
使用渐进式JPEG来提升用户体验
查看>>
2 笔经小结
查看>>
C# 操作摄像头
查看>>
maven的几个重要配置文件pom.xml、settings.xml;Maven打包生成包含所有依赖的jar包...
查看>>
ReLU为什么比Sigmoid效果好
查看>>
优秀的博客链接地址
查看>>
CentOS 配置防火墙操作实例(启、停、开、闭port)
查看>>
深入浅出 spring-data-elasticsearch - 基本案例详解(三
查看>>
Android 6.0 最简单的权限获取方法 RxPermition EasyPermition
查看>>
Linux多线程实践(四 )线程的特定数据
查看>>
openssl ca(签署和自建CA)
查看>>
在ceph中:pool、PG、OSD的关系
查看>>
Hash分析
查看>>
[精]Odoo 8.0深入浅出开发教程-模块开发基础
查看>>
在linux下的使用复制命令cp,不让出现“overwrite”(文件覆盖)提示的方法。(转)...
查看>>
推荐几篇网狐好文
查看>>
vue双向绑定的原理及实现双向绑定MVVM源码分析
查看>>
浅谈Java中的hashcode方法
查看>>
数据包编辑工具bittwiste
查看>>
本地phpstudy时常停机连接失败,php.ini文件中9000端口问题
查看>>