JavaScript 函数(function)

什么是函数?

函数是一组可重复使用的代码块,在 JavaScript 中,函数由事件驱动或者被其他代码调用。

函数是 JavaScript 语言的核心之一,其基本语法如下:

function functionName(arg0, arg1, ...) {
    statements
}

语法解读

  1. 使用 function 关键字定义一个函数
  2. function 关键字空格之后紧跟函数名
  3. 函数名字后面是一对小括弧,arg0, arg1 表示函数的参数,参数之间以 , 号分隔,参数个数可以为 0-25 个(0即表示无参数)。在没有参数时,() 括号不可省略,超过25个的参数,将被JavaScript忽略
  4. {} 是函数体,里面是该函数要实现的功能语句

JavaScript 函数实例

<html>
<head>
<script type="text/javascript">

function hello(name){
    document.write((name + ",你好!");
}

</script>
</head>
<body>
<input type="button" onclick="hello('小明')" value="确定" />
</body>
</html>

运行该例子,点击页面上的 确定 按钮,输出:

小明,你好!

事件驱动

与前面学习的弹出《JavaScript alert 消息警告框》实例不同,该例子要弹出信息提示框,需要我们点击 确定 按钮才能实现。

实际上这个例子就是典型的事件驱动,即由用户的鼠标点击事件(以及其他更多事件),来调用 hello() 函数,以执行函数内的代码。实际上大部分情况下,我们的 JavaScript 代码都是由用户事件来驱动的。

关于事件驱动更多信息及细节,请参看《JavaScript 事件》章节。

JavaScript 函数命名

通常,我们推荐函数的名字使用小驼峰命名法,并以函数名能大致描述该函数功能或特性为宜。小驼峰法是指,首字符小写,后面其他单词的首字母大写,下面是一些函数命名例子:

function changeName(){
    ...
}
function getAgeByInput(){
    ...
}

也有不少人使用下划线来分割函数名中的单词,如 change_name,这也是可以的,实际执行可依照具体项目规范。

特别地,函数前加 _ 符号(如 _getName),一般约定俗成表示类(对象)的私有方法。

JavaScript 函数内的变量

如果一个变量在函数体内被声明,则只能在该函数中访问该变量。这样,您可以在不同的函数内使用名称相同的变量。

如果在函数之外声明了一个变量,则 Web 页面上的所有函数都可以访问该变量。

参考阅读

  1. JavaScript 变量
  2. PHP 函数

本章节内容共分 3 部分:

  1. 1. JavaScript 函数(function)
  2. 2. JavaScript 函数参数与 arguments 对象
  3. 3. JavaScript 函数的 return 语句

评论于2016-12-18日起不再显示。

5idev.com(我爱开发网) — 提供最好的 XHTML教程DIV+CSS教程JavaScript教程PHP教程ThinkPHP教程