JS函数

第1关：用函数语句定义函数 任务描述 本关任务：用函数语句定义一个函数。 相关知识 函数的定义是指用一段代码实现函数的功能，通常的定义方式以关键字function开头。 用函数语句定义 先给一个例子，该函数的功能是返回数组元素的和； function sumArray(arr) { var sum = 0; for(var i = 0,aLength = arr.length;i < aLength;i++) { sum += arr[i]; } return sum; } 关键字function后面空一格，sumArray是函数的名字，其命名规范与变量名的命名规范相同：只能有字母、数字、下划线和美元符号，不能以数字开头，不能是关键字。 括号中是参数，又叫形式参数，只需要参数名就可以。参数可以是0个、1个或者多个，相互之间用,隔开，{}中间包含的是函数体。含有一条或者多条语句。函数体用来实现函数的功能。 关键字return后面是函数的返回值，函数也可以没有返回值。函数运行完return这句话这里就会退出运行，return下面的语句不再运行。返回值即函数的输出。 用这种方式定义的函数，在函数定义的前面和后面都可以调用该函数，只要函数和调用函数的语句在一个源文件里面就可以了。 编程要求 本关的编程任务是补全右侧代码片段中Begin至End中间的代码，具体要求如下： 定义一个名字为mainJs()的函数； 该函数有两个参数，均为字符串类型； 函数的功能是返回这两个参数的拼接结果； 具体请参见后续测试样例。 测试说明 测试过程： 平台将读取用户补全后的FunctionCreate.js； 调用其中的mainJs()方法，并输入若干组测试数据； 接着根据测试结果判断程序是否正确。 以下是测试样例： 测试输入： child,hood 预期输出： childhood 海到无边天作岸，山登绝顶我为峰。 ——林则徐 如果你觉得这一关的内容对你有帮助，请你在下面点赞。 参考代码：

第2关：用表达式定义函数 任务描述 本关任务：定义一个匿名函数。 相关知识 除了最直观的用函数语句定义函数之外，还可以用表达式定义函数。 用表达式定义 用表达式的方式定义函数，就是用赋值表达式把函数赋值给一个变量，这其实就是把函数看成一个变量。这个时候函数可以有名字，也可以没有名字，没有名字的函数叫做匿名函数。 带名字的； var funct = function getMax(a,b) { return a>b?a:b; };//注意这后面的分号不能少，因为我们定义的是一个变量! 和前一关不同的是，只能在函数定义语句之后调用该函数，且调用的时候只能用变量名funct，不能用函数名getMax，如： var funct = function getMax(a,b) { return a>b?a:b; }; console.log(funct(1,2));//输出2 匿名函数； 所谓匿名函数就是关键字function之后直接是参数列表： var funct = function(a,b) { return a>b?a:b; }; 这个函数没有名字，它被赋值给了变量funct，所以叫匿名函数。同样，也只能在这一语句之后调用该函数。 var funct = function(a,b) { return a>b?a:b; }; console.log(funct(1,2));//输出2 编程要求 本关的编程任务是补全右侧代码片段中Begin至End中间的代码，具体要求如下： 定义一个匿名函数，将它赋值给变量myFunc； 该函数实现求一个三位数的各个位上的数字之和，比如123各个位上的数字分别为1、2和3，和是6； 具体请参见后续测试样例。 测试说明 测试过程： 平台将读取用户补全后的AnonymousFunctionCreate.js； 调用其中的mainJs()方法，并输入若干组测试数据； 接着根据测试结果判断程序是否正确。 以下是测试样例： 测试输入： 123 预期输出： 6 海到无边天作岸，山登绝顶我为峰。 ——林则徐 如果你觉得这一关的内容对你有帮助，请你在下面点赞。 参考代码：

第3关：函数的调用 任务描述 本关任务：根据要求调用不同的函数。 相关知识 函数的调用 在实训四中，我们曾经介绍过对象可以有自己的方法，当然这也是函数。这种函数的调用和前面两关定义的函数有细小的区别。 //函数的定义：求三个数的最大值 function max(a,b,c) { if(a > b) { if(a > c) return a; else return c; } else { if(b > c) return b; else return c; } } //调用该函数 var result = max(1,2,3);//result为3 console.log(result);//输出3 调用函数的时候，需要传入和形参相同个数的的具体值，上面的函数有3个参数，所以下面调用的时候传入3个具体的值，1传给参数a，2传给参数b，3传给参数c。函数的返回值通过赋值符号=传给了变量result。如果函数体内没有return关键字，将返回undefined。 再来看一下对象里定义的函数的调用：

与上面的区别是，这里要定位到函数，需要使用对象名.函数名或者对象名[“函数名”],其它相同。 编程要求 本关的编程任务是补全右侧代码片段中Begin至End中间的代码，具体要求如下： mainJs()代码区上面定义了三个函数，从上到下分别编号为1、2和3； mainJs()有三个参数a、b和c，根据a的值（函数的编号，可取的值是1、2和3）调用相应的函数（可选的函数分别是getMax()、getMin()和getSum()，具体请参考代码！），并传入参数b和c，返回得到的结果； 比如a为1表示你需要调用函数getMax()； 具体请参见后续测试样例。 测试说明 测试过程： 平台将读取用户补全后的FunctionCall.js； 调用其中的mainJs()方法，并输入若干组测试数据； 接着根据测试结果输出判断程序是否正确。 以下是测试样例： 测试输入： 1,22,33 预期输出： 33 海到无边天作岸，山登绝顶我为峰。 ——林则徐 如果你觉得这一关的内容对你有帮助，请你在下面点赞。 参考代码：

第4关：未定义的实参 任务描述 JavaScript的实际参数的个数有时候是不确定的。 本关任务：学习处理未定义的实参。 相关知识 函数的基本功能是对函数内的参数进行操作，其中，函数定义时的参数被称为形式参数，函数被调用时传入的参数被称为实际参数。 未定义的实参 在大部分的编程语言里面，都会对调用函数时传入的实参个数和类型进行检查，而JavaScript既不检查实参的类型，也不检查实参的个数。 JavaScript中的实参会按照顺序从左到右依次匹配上形参，例如： function myFunction(a,b,c) { console.log(a); console.log(b); console.log©; } myFunction(1,2,3); 实参1传入形参a，实参2传入形参b，实参3传入形参c。 当实参个数少于形参时，靠右的形参会被传入值undefined。如： function myFunction(a,b,c) { console.log(a); console.log(b); console.log©; } myFunction(1,2); 实参1传入形参a，实参2传入形参b，undefined传入形参c。 如果只想给右侧的参数传入数据，可以给前几个实参传入undefined。如： function myFunction(a,b,c){ console.log(a); console.log(b); console.log©; } myFunction(undefined,1,2); 上面这两种做法不够严谨，最佳实践是给可能被传入undefined值的形参设定一个默认值。如： function getSum(a,b,c) { if(c === undefined) c = 0; console.log(a+b+c); } myFunction(1,2); 编程要求 本关的编程任务是补全右侧代码片段中Begin至End中间的代码，具体要求如下： 路口有四个方向的红绿灯，其默认值分别是green、green 、red和yellow； 对于函数mainJs(a,b,c,d)的四个参数，要求在没有传入实参或者传入undefined时，其分别设置为上述默认值； 最后返回四个字符串型参数的拼接结果，字符串中间用-符号隔开，如分别传入red、red、yellow和undefined时，返回red-red-yellow-yellow； 具体请参见后续测试样例。 测试说明 测试过程： 平台将读取用户补全后的UndefinedArguments.js； 调用其中的mainJs()方法，并输入若干组测试数据； 接着根据测试结果判断程序是否正确。 以下是测试样例： 测试输入： red,red,red 预期输出： red-red-red-yellow 海到无边天作岸，山登绝顶我为峰。 ——林则徐 如果你觉得这一关的内容对你有帮助，请你在下面点赞。 参考代码：

第5关：实参对象 任务描述 本关任务：编写一个计算若干个数的最大值的程序。 相关知识 实参对象 JavaScript一切都是对象，实参也是一个对象，有一个专门的名字arguments，这个对象可以看成一个数组（类数组，不是真的数组），实参从左到右分别是arguments[0]、arguments[1]…，arguments.length表示实参的个数。 实参对象一个最重要的应用是可变长参数列表，想象一下求一组数的和，如果这组数不在一个数组里面，使用函数来求则无法定义函数体，因为不知道形参的个数。这个时候就可以用arguments来解决问题。如: 求参数的和 function getSum() { var aLength = arguments.length; var sum = 0; for(var i = 0;i < aLength;i++) { sum += arguments[i]; } return sum; } console.log(getSum(1,2,3,4,5))//输出15 这里的形参直接省略，使用arguments[i]表示。 编程要求 本关的编程任务是补全右侧代码片段中Begin至End中间的代码，具体要求如下： 定义函数getMax()； 该函数计算并返回一组整数的最大值； 整数的个数不确定； 如果整数个数为0，直接返回0； 具体请参见后续测试样例。 测试说明 测试过程： 平台将读取用户补全后的FunctionArguments.js； 调用其中的mainJs()方法，并生成若干组测试数据； 接着根据测试结果判断程序是否正确。 以下是测试样例： 测试输入： 1 预期输出： 123 海到无边天作岸，山登绝顶我为峰。 —— 林则徐 如果你觉得这一关的内容对你有帮助，请你在下面点赞。

参考代码：