函数的定义与调用、自定义函数-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第1章-课后作业)

【案例1-6】函数的定义与调用

一、案例描述

  1. 考核知识点

函数的定义与调用

  1. 练习目标
  • 掌握函数的定义。
  • 掌握函数的调用。
  1. 需求分析

在调用函数的时候,有些函数支持传入一个或多个参数,多个参数之间用逗号隔开。本案例将用函数调用的方式实现1~100之间的数相加求和。

  1. 案例分析
  1. 效果如图1-8所示。

  函数的定义与调用、自定义函数-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第1章-课后作业)_第1张图片

 

  1. 计算1~100个数的相加和
  1. 具体实现步骤如下:
  1. 定义getSum ()函数,实现1~100数的求和计算功能。
  2. 把结果用document.write()方式输出在HTML文档中
  3. 调用getSum ()函数。

二、案例实现

根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:

  1.     
  2.    </span><span style="color:#000000;">计算</span><span style="color:#000000;">1</span><span style="color:#000000;">到</span><span style="color:#000000;">100</span><span style="color:#000000;">个数相加和</span><span style="color:#000000;">
  3.     

【案例1-7】自定义函数与调用

一、案例描述

  1. 考核知识点

自定义函数与调用

  1. 练习目标
  • 掌握自定义函数与调用。
  • 了解实参、形参的概念。
  1. 需求分析

在JavaScript中,除了直接调用其内置的函数,用户还可以自己定义一个函数,用于封装代码,可以减少代码量,提高效率。下面我们利用自定义函数将实现n-m之间所有数的和。

  1. 案例分析
  1. 效果如图8-16所示。

函数的定义与调用、自定义函数-课后程序(JavaScript前端开发案例教程-黑马程序员编著-第1章-课后作业)_第2张图片

 

  1. “n-m之间的数相加和”效果展示

  1. 具体实现步骤如下:
  1. 自定义getSum(n,m)。
  2. for循环进行累加计算
  3. 调用getSum(5, 10)
  4. 调用getSum(100, 1000)

二、案例实现

根据上面的分析,可以通过简单的JavaScript代码来实现这一效果,具体代码如下:

  1.     
  2.      

你可能感兴趣的:(JavaScript,javascript,前端,html)