javascript——函数
目标
- 充分理解函数的概念
- 能熟练的自定义函数
- 掌握js中常用的系统函数
函数的概念:
为完成某一个功能的程序指令(语句)的集合,称为函数。
为完成某一个功能的程序指令(语句)的集合,称为函数。
在js中,函数分为:自定义函数和系统函数(经常查看js帮助手册)
函数可以提高代码的复用率,对于具有某一功能的代码段,将其写成函数,就可以在很多地方直接使用该函数,而不需要重复书写这一段代码
函数的基本语法
例如下面的代码,将两个数的计算写成函数形式,这样在该代码下面如果需要再次进行计算就可以直接调用该函数
function 函数名(参数列表){
//代码…
return 值;//可以选择
}
<html>
<head>
<script language="javascript">
//输入两个数,再输入一个运算符(+_*/),得到结果
var num1=window.prompt("请输入第一个num");
var num2=window.prompt("请输入第二个num");
var operator=window.prompt("请输入运算符");
num1=parseFloat(num1);
num2=parseFloat(num2);
//如何调用函数
document.writeln("res="+jsSuan(num1,num2,operator));
//自定义函数
function jsSuan(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; //返回
}
</script>
</head>
<body></body>
</html>
思考:像上面代码中的计算函数,只能在这个html文件中使用,那么如果想在其他的html文件中使用怎么办呢?
可以将上面的函数单独写在一个js文件中,然后就可以在其他多个文件中使用这个函数了
首先说明:这个js文件应该在其他文件中引用或声明,这样其他文件在使用时才能找到这个函数
比如下面的例子:
比如下面的例子:
先写一个myfuns.js
function jsSuan(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; //返回
}
再写一个html代码,如下
<html>
<head>
<script language="javascript" src="myfuns.js"></script>
<script language="javascript">
//输入两个数,再输入一个运算符(+_*/),得到结果
var num1=window.prompt("请输入第一个num");
var num2=window.prompt("请输入第二个num");
var operator=window.prompt("请输入运算符");
num1=parseFloat(num1);
num2=parseFloat(num2);
document.writeln("res="+jsSuan(num1,num2,operator));
</script>
</head>
<body></body>
</html>
注意:在上面代码的第三行:
<script language="javascript" src="myfuns.js"></script>
这一行代码就是在此 html 文件中引入了 myfuns.js 文件,这样才能在调用这个函数的时候识别这个函数