JavaScript基础讲解 - 函数与参数

HTML5学堂 ：函数与参数，虽然是基础知识，但是基础不扎实，就更不必谈什么“高级开发”了，毕竟复杂的功能是由多个简单功能堆积而成的。函数中的参数知识，需要注意的是形参、实参以及arguments这个“神奇的”对象。另外return可用于函数返回，如果没有设置函数的默认返回值是什么呢？

函数

什么是函数呢？简单的说，函数就是把多条语句封装起来，可以在任意地方放置，也可以在任意地方调用执行。

函数的声明

ECMAScript中的函数使用function关键字来声明，后跟一组参数以及函数体。

语法：

1. <script>
2.     function functionName(arg0, arg1, ..., argN) {
3.         // 具体函数内容 - HTML5学堂
4.     }
5. </script>

实例：

1. <script>
2.     function sayName(name, username) {
3.         alert(name + ':' + username);
4.     }
5. </script>

函数的调用执行

1. sayName('刘国利', '独行冰海');

欢迎沟通交流~HTML5学堂

参数

在定义函数的时候括号中的参数叫做形参，调用函数的时候，括号中的参数叫做实参。如果我们规定了形参只有两个（即只有两个用于接收数据的参数），此时在调用的时候我们传递了1个参数或者3个参数进来，解析器也是能够正常解析的。在ECMAScript的内部，使用一个数组来表示参数，函数接收到的参数始终都是放置在这个数组当中的。在函数体内，可以通过arguments对象来访问这个参数数组，从而获取传递给函数的每一个参数。

不过需要注意的是，arguments并非是一个数组，是一个对象。不过它和数组有些类似，可以使用方括号的语法访问它的每一个元素，用length属性来确定传递进来的参数个数。

另外，如果形参的数量大于了实参的数量（也就是传递进来的参数数量要比接收的少，出现了形参接收不到值的现象），没有传递值的命名参数将自动被赋予undefined值。就如同定义了但是没有初始化一样。

欢迎沟通交流~HTML5学堂