你不知道的JavaScript（十一）函数参数

ゝ一纸荒年。 2022-08-05 00:56 158阅读 0赞

JavaScript函数的定义和使用非常简单，我们看一下下面的代码：

<script type="text/javascript"> var sum = function(a,b){ return a + b; } alert(sum(2,3));//5 </script>

我们定义了一个sum函数，具有两个形参a、b，函数返回它们相加的结果。调用该函数的过程也很简单，`sum(2,3)`为函数的调用。

JS并不要求函数调用时的参数个数和定义时的形参个数保持一致，除了这种调用形式外，我们可以在调用sum函数时使用任意个参数，例如下面的形式也是允许的：

alert(sum(2,3,4,5));//5
           alert(sum(1));//NaN

第一行代码中，我们调用sum函数时多指定两个参数，这在一些强类型的语言中会出现编译错误，但是JS支持这种语法。由于我们只使用到了前面两个参数，所以函数的返回结果为5。

第二行代码中我们只指定了一个参数，第二个参数则为undefined，相加结果为NaN。

实际上JS每一个函数内部都有一个名为arguments的数组，该数组中存放函数调用时的所有参数，也就是说我们定义函数时指定形参的目的也仅仅是为了在函数引用参数方便而已，有了这个数组我们就可以在定义任何函数时都不指定形参。

因此上面的求和函数也可以写成下面这种形式：

<script type="text/javascript"> var sum = function(){ return arguments[0] + arguments[1]; } alert(sum(1,2));//3 </script>

但是从代码的可读性上讲，我们通常并会去这么写代码。

只要保证堆栈不溢出，JS函数在调用时可传入任意多个参数，这种特性能为我们带来很多好处，例如我们可以写一个函数来求取任意个数相加的和：

<script type="text/javascript"> var sum = function(){ var result = 0; //注意：遍历数组可以使用in关键字 for(i in arguments) { result += arguments[i]; } return result; } alert(sum(1,2));//3 alert(sum(3,4,6));//13 alert(sum(1,3,5,6,3,20));//38 </script>

从某种程度上讲，JS函数的这种特性比c++、java语言中函数重载要好用。

这里需要注意的是arguments为数组，我们在遍历时除了使用下面的形式外：

for(i=0; i < arguments.length; i++)

还可以使用in关键字，如下面形式：

for(i in arguments)

演示代码地址：[https://github.com/rongbo-j/you-dont-know-js][https_github.com_rongbo-j_you-dont-know-js]

[https_github.com_rongbo-j_you-dont-know-js]: https://github.com/rongbo-j/you-dont-know-js

发表评论取消回复

表情：

评论列表（有 0 条评论，158人围观）

还没有评论，来说两句吧...

相关阅读

相关你所不知道的 JavaScript

目录一、作用域和闭包 1. 附录B 块作用域的替代方案 1.1 Traceur - 将ES6 代码生成兼容ES5的工具

深碍√TFBOYSˉ_/ 2023年01月04日 15:56/ 0 赞/ 278 阅读

相关你不知道的JavaScript

上卷作用域 LHS查询 > 如果全局找不到，便会创建该变量 RHS查询 > 找某个变量的值 window.a 访问全局变量非全局变量被遮蔽，无法访问

迷南。/ 2022年11月25日 13:22/ 0 赞/ 321 阅读

相关你不知道的javascript设计模式(十一) ---- 模板方法模式

文章目录前言正文模板方法的定义模板方法的实现 javascript中实现模板方法的注意事项 ja

￡神魔★判官ぃ/ 2022年11月15日 11:57/ 0 赞/ 224 阅读

相关你不知道的javascript设计模式(十) ---- 组合模式

文章目录前言正文由宏命令看组合模式组合模式的用途组合模式的实现适用组合模式的场景小结

柔情只为你懂/ 2022年11月15日 05:56/ 0 赞/ 216 阅读

相关你不知道的JavaScript（一）数据类型

> ECMAScript 规范地址： > [http://www.ecma-international.org/publications/files/ECMA-ST/Ecm

拼搏现实的明天。/ 2022年08月08日 11:52/ 0 赞/ 231 阅读

相关你不知道的JavaScript（十一）函数参数

JavaScript函数的定义和使用非常简单，我们看一下下面的代码： <script type="text/javascript"> var sum = functi

ゝ一纸荒年。/ 2022年08月05日 00:56/ 0 赞/ 159 阅读

相关你不知道的JavaScript（十）with关键字

with关键字在JavaScript中不太常用，用来定义一个和对象相关的作用域，在该作用域中可以访问对象的属性或方法而前面无需加上对象名，以达到简化代码的目的。 <s

曾经终败给现在/ 2022年08月05日 00:39/ 0 赞/ 149 阅读

相关《你不知道的JavaScript》读书笔记（一）

1、编译原理分词/词法分析（ Tokenizing/Lexing）这个过程会将由字符组成的字符串分解成（对编程语言来说）有意义的代码块，这些代码块被称为词法单元（

朱雀/ 2022年07月13日 12:26/ 0 赞/ 152 阅读

相关你不知道的JavaScript——VR

一切可以用 JavaScript 编写的程序，最终都会使用 JavaScript 编写 ——Atwood 2007 就在前几天“JavaScript是世界上最好的语言

骑猪看日落/ 2022年06月08日 14:16/ 0 赞/ 251 阅读

相关 JS中的函数(二)：函数参数（你可能不知道的参数传递）

前言：函数分为有参有返回值，有参无返回值，无参无返回值，无参有返回值；那么对于无参数的函数你想使用函数的调用怎么办呢？如果你想封装一个代码，实现多种功能，但是形参大于实参或

客官°小女子只卖身不卖艺/ 2022年06月04日 00:21/ 0 赞/ 202 阅读