韩顺平 javascript教学视频_学习笔记7_js自定义函数

来源：互联网发布：java中异步请求编辑：程序博客网时间：2024/05/17 07:34

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 文件，这样才能在调用这个函数的时候识别这个函数

0 0