如何定义一个javascript函数-木庄网络博客

本文摘自PHP中文网，作者青灯夜游，侵删。

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函数的详细内容，更多文章请关注木庄网络博客！

Vue.js 设计与实现基于Vue.js 3 深入解析Vue.js 设计细节

￥83.86元 人民邮电出版社

本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者