首页 > web前端 > js教程 > 正文

如何定义一个javascript函数

青灯夜游
发布: 2023-01-07 11:41:15
原创
5307 人浏览过

javascript定义函数的方法:1、使用“function 函数名(参数列表){执行代码}”语句;2、使用“var 变量名=function(参数列表){执行代码}”语句;3、使用“文档对象.事件=function(){函数体}”语句。

如何定义一个javascript函数

本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

方法1:函数声明--有名函数

基本语法如下:

function 函数名([参数列表]){ 
     函数体; 
     [return [表达式;]]
}
登录后复制

方法2:函数表达式--匿名函数

基本语法如下:

var fn = function([参数列表]){ 
     函数体; 
     [return [表达式;]]
}
登录后复制

函数表达式将匿名函数赋给一个变量,这样调用匿名函数就可以通过这个变量来调用。

方法3:事件注册形式

文档对象.事件 = function(){ 
     函数体; 
}
登录后复制

说明如下:

1) 定义有名函数时必须指定函数名。

2) 函数名:可任意定义,但必须符合标识符命名规范,且不能使用 JavaScript 的保留字和关键字。函数名一般首字母小写,通常是动名词,最好见名知意。如果函数名由多个单词构成,则单词之间使用下划线连接,如 get_name,或写成驼峰式,如 getName。

3) 参数列表:可选。它是用小括号括起来的 0 个以上的参数,用于接收调用函数的参数传参。没有参数时,小括号也不能省略;如果有多个参数,参数之间用逗号分隔。此时的参数就是一个变量,没有具体的值,因而称为虚参或形参。虚参在内存中没有分配存储空间。在进行参数传递时,虚参可以接受任意类型的数据。

4) 函数体:由大括号{}括起来的语句块,用于实现函数功能。调用函数时将执行函数体语句。

5) return[表达式]:可选。执行该语句后将停止函数的执行,并返回指定表达式的值。其中的表达式可以是任意表达式、变量或常量。如果没有 return 语句或缺省表达式,函数将返回 undefined 值。

6) 事件注册形式定义的匿名函数通常不需要 return 语句。

当一个函数需要在多个地方调用时,需要定义为有名函数或函数表达式,而只用来处理一个对象的某个事件时则通常使用事件注册定义形式的匿名函数。

需要注意的是,从变量提升内容的介绍中,我们知道,有名函数的作用域可以提高到最前面,所以有名函数可以在定义前使用,而函数表达式则必须在定义后才可以使用。

示例1:

<script>
   function getMax(a,b){
      if(a>b){
          return a;
      }else{
          return b;
      }
}
</script>
登录后复制

示例2:

<script>
   var getMax = function(a,b){
      if(a>b){
          return a;
      }else{
          return b;
      }
}
</script>
登录后复制

示例3:

<script>
   window.onload = function(){
      alert("hi");
   };
</script>
登录后复制

【相关推荐:javascript学习教程

以上是如何定义一个javascript函数的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板