js教程 如何定义一个javascript函数

 所属分类:web前端开发

 浏览:145次-  评论: 0次-  更新时间:2022-06-07
描述:这是一篇js教程 如何定义一个javascript函数的说明内容,如果你想学习查找类似的文章,可以进入web前端开发获得最新优质资料。 javascript...
这是一篇js教程 如何定义一个javascript函数的说明内容,如果你想学习查找类似的文章,可以进入web前端开发获得最新优质资料。

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

本教程操作环境: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函数的详细内容,更多请关注zzsucai.com其它相关文章!

 标签:
积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!