07 js自定义函数

学习目标：

1.充分理解函数的概念

2.能熟练的自定义函数

3.掌握js中常用的系统函数

一个简单的加减乘除案例（说明函数的必要性）：

<html>
<head>
<script language="javascript">
<!--
//输入两个数，再输入一个运算符（+-*/）,得到结果
var num1 = window.prompt("请输入第1个num");
var num2 = window.prompt("请输入第2个num");
var operator = window.prompt("请输入运算符");
num1=parseFloat (num1);
num2=parseFloat (num2);

var res = 0;
if (operator=="+")
{
    res =num1+num2;
}else if (operator=="-")
{
    res =num1-num2;
}else if (operator=="*")
{
    res =num1*num2;
}else {
    res =num1/num2;
}
document.write("res="+res);
//-->
</script>
</head>
<body>
</body>
<html>

函数的概念

Js 函数

①为什么需要函数

比如在多个html文件中需要完成（+-*/等功能）

把代码写成函数，

②函数的基本概念

为完成某一功能的代码（语句，指令）的集合

③基本语法

function 函数名（参数列表）{

//代码

return 值；//可选

}

④案例:将函数单独提出，写到js 文件然后在需要的地方引入

js24-2.html代码：

<html>
<head>
</head>
<body>
<script language="javascript" src="js24-2.js"></script>

<script language="javascript">
//输入两个数，再输入一个运算符（+-*/）,得到结果
var num1 = window.prompt("请输入第1个num");
var num2 = window.prompt("请输入第2个num");
var operator = window.prompt("请输入运算符");
num1=parseFloat (num1);
num2=parseFloat (num2);
//调用函数
document.write("res"+ jiSuan(num1, num2, operator));

</script>
</body>
<html>

js24-2.js

//js文件
//自定义函数
//输入两个数，再输入一个运算符（+-*/）,得到结果
function jiSuan(num1, num2, operator) {//特别强调，参数名不要带var

var res = 0;
if (operator=="+")
{
    res =num1+num2;
}else if (operator=="-")
{
    res =num1-num2;
}else if (operator=="*")
{
    res =num1*num2;
}else {
    res =num1/num2;
}
return res;
}