Javascript中arguments对象详解
在上篇文章中我们讨论了javascript中的默认参数,这篇文章,我们来讨论下javascript的arguments参数对象。
如下例的一个函数,我们如何根据传入参数的不同来做不同的处理呢?
function addAll () {
// What do we do here?
}
// Should return 6
addAll(1, 2, 3);
// Should return 10
addAll(1, 2, 3, 4);
幸运的是,javascript有一个arguments对象,可以来处理上述情况。arguments对象是一个类数组对象,想了解arguments对象的详细情况请戳这里,我们使用arguments对象来改变上例:
function addAll () {
var sum = 0;
for (var i = 0; i < arguments.length; i++) {
sum += arguments[i];
}
return sum;
}
// Returns 6
addAll(1, 2, 3);
// Returns 10
addAll(1, 2, 3, 4);
上面我们说过arguments对象是一个类数组对象,下面我们来测试下:
function getName() {
console.log(Array.isArray(arguments));
}
//will output false
getName("benjamin");
上述测试结果可以看出:
它不是一个数组对象,那么它和数组对象有什么不同呢?详情请戳这里。
执行下面例子会抛出一个错误:
function sortArgs () {
// Uncaught TypeError: undefined is not a function
sorted = arguments.sort()
return sorted;
}
sortArgs();
我们可以像下面这样把一个类数组对象转换为数组对象:
function sortArgs () {
// Convert arguments object into a real array
var args = [].slice.call(arguments);
// Now this will work!
sorted = args.sort()
return sorted;
}
//will output [1, 2, 3]
console.log(sortArgs(1,3,2));
如果你感觉这篇文章对你有帮助,希望转给更多需要的人。文章不妥之处,欢迎留言斧正。
相关文章
缓动函数requestAnimationFrame 更好的实现浏览器经动画
requestAnimationFrame是什么?一直是我们大家所疑惑的,缓动函数requestAnimationFrame 更好的实现浏览器经动画,接下来将为大家详细介绍2012-12-12深入理解JavaScript系列(17):面向对象编程之概论详细介绍
这篇文章主要介绍了深入理解JavaScript系列(17):面向对象编程之概论详细介绍,本文讲解了概论、范式与思想、基于类特性和基于原型、基于静态类、层次继承等内容,需要的朋友可以参考下2015-03-03JavaScript中的toLocaleLowerCase()方法使用详解
这篇文章主要介绍了JavaScript中的toLocaleLowerCase()方法使用详解,是JS入门学习中的基础知识,需要的朋友可以参考下2015-06-06javascript向flash swf文件传递参数值注意细节
如何使用javascript向SWF文件传递参数?在网上找了一个完整的教程,很有启发性和实用性,如下是完整实现的步骤,需要的朋友可以参考下2012-12-12JavaScript正则表达式之multiline属性的应用
这篇文章主要介绍了JavaScript正则表达式之multiline属性的应用,是JS学习进阶中的重要知识,需要的朋友可以参考下2015-06-06JS特殊函数(Function()构造函数、函数直接量)区别介绍
函数是由这样的方式进行声明的:关键字 function、函数名、一组参数,以及置于括号中的待执行代码;Function()构造函数实际上是功能完整的对象2013-05-05addEventListener()第三个参数useCapture (Boolean)详细解析
true的触发顺序总是在false之前;如果多个均为true,则外层的触发先于内层;如果多个均为false,则内层的触发先于外层2013-11-11
最新评论