函数的参数

形参：创建函数时声明的参数。
实参：调用函数时（实际）传入的参数。
JS 中的函数不限制参数的数量，也不限制参数的类型。

 1 <!DOCTYPE html>
 2 <html lang="zh">
 3 <head>
 4     <meta charset="UTF-8">
 5     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 7     <title>Document</title>
 8 </head>
 9 <body>
10     
11     <script>
12 
13         // 形参：创建函数时声明的参数。
14         // 实参：调用函数时（实际）传入的参数。
15         // JS 中的函数不限制参数的数量，也不限制参数的类型。
16         function foo (x, y, z) {
17             // 函数体内有一个 arguments 类似于数组的对象，对象中保存着所有传入的实参
18             console.log(arguments)
19             console.log(arguments.length)  // 实参的数量
20             console.log(foo.length)  // 形参的数量
21             if (x > y) {
22                 return x;
23             } else {
24                 return y;
25             }
26         }
27 
28        
29         // JS 中的函数不限制参数的数量
30         // console.log(foo(12))
31         console.log(foo(12, 34, 56, 67))
32 
33         // 也不限制参数的类型
34         // console.log(foo('abc', true))
35 
36         // 形参的作用：能够标识函数所需参数的数量
37         function bar () {
38             if (arguments[0] > arguments[1]) {
39                 return arguments[0];
40             } else {
41                 return arguments[1];
42             }
43         }
44 
45         // 形参的作用：能够明确地表示每个参数的意义
46         function fullName (firstName, lastName) {
47      
48             return firstName + lastName;
49             // return arguments[0] + arguments[1];
50        
51         }
52 
53         // console.log(fullName('马什么', '梅'))
54 
55         // arguments 对象的使用场景：求任意数量的数字的和
56 
57         function sum () {
58             var result = 0;
59 
60             for(var i = 0, len = arguments.length; i < len; i++) {
61                 result += arguments[i]
62             }
63 
64             return result;
65         }
66 
67         // console.log(sum(1, 2, 3 , 4, 5))
68         
69 
70 
71     </script>
72 </body>
73 </html>