您现在的位置是:首页 > 文章详情

JavaScript 中 Arguments 使用介绍

会飞的猪2018-12-0547人围观
简介白码驿站是一个面向开发者的知识共享社区,专注于为开发者打造一个纯净的技术交流社区(源码下载,免费在线图片压缩,jquery插件,插件下载,JS/CSS在线压缩。)-白码驿站

     当我们习惯于编写后台代码时,会经常使用函数重载,但是JavaScript有没有重载呢, 答案是没有的,例如下面的代码

                                        
function func(n) {
	alert(n);
}

function func(n, m) {
	alert(n + m);
}

func(1);	

func(2,3);	
                                

上面的那段代码运行 结果依次弹出 “NaN”,“5”,可见函数中并没有重载。但是我们可以利用 Arguments 对象实现类似于函数重载的效果

        其实在js中,可以给函数传递任意多个参数,定义函数的时候,只是一个显示可以使用的名字列表而已,真正的参数交给了函数的Arguments对象,他是一个类似数组的对象

                                        
var func = function(a, b) {
	// 有一个默认的参数叫 arguments
	var i= 0;
};

func(1,2,3,4,5,6,7,8,9,0);
                                

如上面的代码,我们将 “var i = 0;” 处设置一个断点, 在浏览器中进行调试,会看到传的所有参数都在 Arguments对象 中,

JavaScript 中 Arguments 使用介绍

所以,其实我们定义方法的时候,小括号中其实可以不用写参数名的, 之所以写, 是为了方便理解, 增强代码的可读性。

下面代码可以实现 任意数的和

                                        
// 求任意数的和与最大值
var sum = function() {
	var arr = arguments;
	var s = 0;
	for(var i = 0; i < arr.length; i++) {
		s+=arr[i];
	}
	return s;
};
alert(sum(1,2,3,4,5,6,7,8,9,0));
                                


文章评论

Top

目录

昵称:会飞的猪

职业:.net程序员

邮箱:753109098@qq.com

分类标签

本栏推荐