【案例1-6】函数的定义与调用
一、案例描述
- 考核知识点
函数的定义与调用
- 练习目标
- 掌握函数的定义。
- 掌握函数的调用。
- 需求分析
在调用函数的时候,有些函数支持传入一个或多个参数,多个参数之间用逗号隔开。本案例将用函数调用的方式实现1~100之间的数相加求和。
- 案例分析
- 效果如图1-8所示。
- 计算1~100个数的相加和
- 具体实现步骤如下:
- 定义getSum ()函数,实现1~100数的求和计算功能。
- 把结果用document.write()方式输出在HTML文档中
- 调用getSum ()函数。
二、案例实现
根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- </head>
- <body>
- <title>计算1到100个数相加和</title>
- <script>
- /*
- 1:函数的定义
- function funName (参数1, 参数2, 参数3....) {
- //函数体
- }
- 2:函数调用
- funName(1,2,3);
- */
- //1 定义一个getSum()函数
- function getSum () {
- var sum = 0;
- for (var i = 1; i <= 100; i++) {
- sum += i;
- }
- document.write('1到100个数相加和是:'+sum);
- }
- //2 调用getSum()函数
- getSum();
- </script>
- </body>
- </html>
【案例1-7】自定义函数与调用
一、案例描述
- 考核知识点
自定义函数与调用
- 练习目标
- 掌握自定义函数与调用。
- 了解实参、形参的概念。
- 需求分析
在JavaScript中,除了直接调用其内置的函数,用户还可以自己定义一个函数,用于封装代码,可以减少代码量,提高效率。下面我们利用自定义函数将实现n-m之间所有数的和。
- 案例分析
- 效果如图8-16所示。
- “n-m之间的数相加和”效果展示
- 具体实现步骤如下:
- 自定义getSum(n,m)。
- for循环进行累加计算
- 调用getSum(5, 10)
- 调用getSum(100, 1000)
二、案例实现
根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- </head>
- <body>
- <script>
- /* 定义函数
- function funName (a,b) {
- 函数体
- }
- 在调用函数的时候,传入的参数叫做实参
- funName(5, 6);
- */
- // 求n-m之间所有数的和
- // n,m 形式参数(形参)
- function getSum(n, m) {
- var sum = 0;
- for (var i = n; i <= m; i++) {
- sum += i;
- }
- console.log(n+'-'+m+'之间的数相加为:'+sum);
- }
- getSum(5, 10); // n=5,m=10 sum=0+5+6+7+8+9+10==45
- getSum(100,1000);// n=100,m=1000 sum=0+100+101+102+...+1000=495550
- </script>
- </body>
- </html>